イラストレーターが公開したファッション情報「色の合わせ方」が、「センスのない私には永久保存版」「勉強になる」と話題を呼んでいます。 投稿者は、アパレルブランド「Annui」を運営するイラストレーター・msy.（@maru_maruer）さん。「イラストレーターが伝授！　色の合わせ方」と題して4枚の画像をTwitterへ投稿したところ、22万7000件以上の“いいね”が寄せられている他、4万件以上拡散しています。 イラストレーターが伝授するファッション情報“色の合わせ方” msy.さんが今回指南するファッションポイントは、「類似色」「補色」「分裂補色」の3つ。カラーホイールを示すことにより、ファッション初心者でも簡単に理解できるイラストとなっています。 「類似色」は色相を広げすぎないのがポイントで、「一番手っ取り早い組み合わせ」とmsy.さん。似た色の服を集めるだけでおしゃれに見えるため「基

こんにちは、大学 1 年生になったばかりの E869120 です。 私は競技プログラミングが趣味で、AtCoder や日本情報オリンピックなどに出場しています。ちなみに、2021 年 4 月 7 日現在、AtCoder では赤（レッドコーダー）です。 本記事では、アルゴリズムの学習や競技プログラミングで使える数学的な部分を総整理し、それらについて解説したいと思います。前編・中編では数学的知識、後編（2021/4/26 公開予定）では数学的考察の側面から書いていきます。 【シリーズ】 アルゴリズム・AtCoder のための数学【前編：数学的知識編①】　←　本記事 アルゴリズム・AtCoder のための数学【中編：数学的知識編②】 アルゴリズム・AtCoder のための数学【後編：数学的考察編】 1. はじめに 21 世紀も中盤に入り、情報化社会（いわゆる「IT 化」）が急激に進行していく中、

ところどころドットインストールにブチ切れながらも4ヶ月かけてAndroidアプリ作って結果11ダウンロードされたクロニクル。JavaAndroid はじめに 先日、Androidアプリをリリースしました。 テクノロジーが進化したこの現代（イマ）、世の中には割引計算が出来ない大人で溢れています。そんな世界を、Androidアプリの力で良くしたい、その一心で、せっせこせっせこ作ったアプリがこちらになります。 片手で簡単　割引計算アプリ をダウンロードしよう どうか、どうか、アプリをダウンロードしていただき、このネジ曲がった世の中を一緒に良くしていこうぜください！（お願いしますm(_ _)m） この記事の狙い さて、AndroidアプリはJavaというプログラミング言語で書くのですが、今回わたくしは、そのJavaを全く触ったことのない状態から合間合間で勉強を始め、約4ヶ月でリリースまでこぎつける

「全然使えないおっさんが入ってきた」状態のつらい状況から這い上がるきっかけとなった3つのターニングポイントについての話。 @TechCrunch Tokyo ハッカソン Tech Talk 関連記事：『人生初の講演をしました』 http://d.hatena.ne.jp/shu223/20131111/1384156668 もしよろしければ。。 http://www.amazon.co.jp/registry/wishlist/3OXBFWIH88643

ググることは、すべてのデベロッパーにとって最も重要なスキルの1つです。知っておくと便利なGoogle検索のテクニックを紹介します。 完全一致の""はよく使用しますが、..や*は知りませんでした、便利ですね。他にも便利なのがあれば、ツイートなどで教えてください。 Use Google like a pro by Marko Denic 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 以下に紹介する方法は、それぞれを組み合わせて使用することもできます。 "what is javascript" Google検索でキーワードをダブルクォーテーション（""）で囲むと、完全一致検索をします。

MacBookなどのノートブックタイプのMacには充電式のバッテリーが搭載されており、このバッテリーのお陰でMacをいつでもどこでも使う事ができます。 ただこのバッテリー、間違った使い方をすると寿命が短くなってしまう事をご存知ですか？ せっかく高いお金を出して手に入れたMac。間違った使い方でバッテリー寿命が短くなってしまったら悲しすぎますよね。 バッテリー寿命を長持ちさせる方法を調べると色々な情報が出てくるのですが、今回はその中でもネットでよく目にする3つの方法が本当なのかどうかを詳しく調べてみました。 Macのバッテリーには寿命がある 何かしらの充電式バッテリーを使用したことがある人はご存知かもしれませんが、充電式のバッテリーは永久に使えるものではありません。 寿命があるのです。 基本的に1000回しか充電できない 現在発売されているMacBook系のノートブックは充電回数1000回と

Scrapboxの使い方 / このScrapboxの記事執筆依頼 報酬あり / 質問表 / 現代暗号の基礎知識 / 問題集 / コンピューターサイエンス / カリキュラム / Windows 10 + VSCode + GCP で開発する / coreutils / PyTorchによる機械学習入門（１） - 訓練済みモデルによる画像分類 / PyTorchによる機械学習入門（２） - ファインチ

sudo airodump-ng -c 1 --bssid 00:11:22:33:44:55 -w aircap wlan1

こんにちは。コネクト支援チームの@tignyaxです。 みなさま、夏はどう過ごされたでしょうか？ 私は、夏が好きなのに今年は夏らしいことが出来なくて寂しいなぁとなっています。。。 さて、今年2020年もエンジニア新人研修を行いましたので、その紹介と講義資料を公開いたします。 2020年のエンジニア新人研修について 基本的には2019年と同じ形*1での実施となりました。 最初の1週間で必修講義をしたあと、新人の皆さんには2週間ずつ3チームを体験してもらいました。 チーム体験のコンセプトは、新人に「興味のあるチームで実際に業務を体験し、配属希望を決める参考になった。」と言ってもらうことです。 各チーム体験では座学や研修を中心にするのではなく、業務体験が中心です。 チーム体験を通して、配属先を検討する材料にしたり、いろんなチーム/人/業務を知ってもらえる機会となります。 必修講義 誰に: 開発/

メルペイ エキスパートチームの@tenntennです。本稿は Merpay Tech Openness Month の11日目の記事です。 「プログラミング言語Go完全入門」の期間限定公開のお知らせでも書いたように、メルペイでは、社外の方向けにGopher道場という体系的にGoを学べる場を無償で提供してきました。Goの普及を目的にこれまでに8回開催し100人以上の方に参加していただきました。 また、Gopher道場の動画や資料はGopher道場 自習室として誰でも利用できるようになっており、現時点で300名以上の方が利用されています。 Gopher道場の資料のベースになっている「プログラミング言語Go完全入門」は、2020年7月31日までの限定公開になっていましたが、本日より公開期限を撤廃し、完全公開することになりました。 また、本日8月31日から始まる「Online Summer Int

JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた

問題集(PDF)： サイトの各ページと対応している問題集です。 →高校数学の問題集　～最短で得点力を上げるために～ 中学数学の本： →超ディープな中学数学の教科書 算数の本： →超ディープな算数の教科書 高校数学の本： →【書籍】高校数学の美しい物語 f(x)=ax3+bx2+cx+df(x)=ax^3+bx^2+cx+df(x)=ax3+bx2+cx+d が極大値と極小値を持つとき，その差は ∣a∣(β−α)32\dfrac{|a|(\beta-\alpha)^3}{2}2∣a∣(β−α)3​ である。ただし，α,β (α<β)\alpha,\beta\:(\alpha<\beta)α,β(α<β) は f′(x)=0f'(x)=0f′(x)=0 の解。

先日、メンタルつよつよ回を開催した。 そのあと、登壇者ふたりときっかけを作ってくれた嶋津さんで反省会という名の二次会をやったのだが、その中でこんな話題になった。 あさみさんの「わたしは書くネタに困ったことがない」という話はとても興味深かった。どのnoteも書こうと思った時に一筆書きのように書いてるだけなのだと言う。書き手に求められるのは観察力と感受性なのだ。「おいおい、この話も配信しようぜ」というくらい、口を開けるごとにパンチラインが飛び出て、最高だった。不思議な人である。 それぞれのタフ論より引用 不思議かどうかは不明だが、本当に書くことに困ったことがない。 こういうと自慢に聞こえる人もいるかもしれないけれど、わたしとしては文章にならないまま思考がこぼれ落ちていく毎日。 これはこれでつらいものがあるのよ。 過去にも有料マガジン内でこの手の話題に触れているはずなんだけど、いつも通り自分で探

今年も子供を助けようとして水に飛び込んだお父さん、お母さんが犠牲になっています。20年くらい前までは親子で亡くなる事故が圧倒的に多かったのですが、最近は子供が助かり大人が亡くなる事故ばかりです。理由としては、子供は学校で浮いて救助を待つ方法を習っているからです。では、親子とも生還するためにどうすればいいのか、現状を確認して、対策を提案したいと思います。 今年発生した、親が溺れる事故6月8日午後、岐阜県美濃市前野の長良川にかかる美濃橋付近で、溺れた9歳の長男を救出しようとした父が川に流された。川辺で遊んでいた長男と7歳の次男が溺れ、約10 m下流に流されたという。次男は近くの人に、長男は父に救出されたが、父はその後、溺れた。父の発見された場所は、水深約4 mで流れが速かった。（2020.06.09　朝日新聞名古屋地方版の記事内容を参考に氏名等を伏せ構成） 7月23日午前、鹿児島県指宿市の知林

CSSアニメーションCSSアニメーション サンプル集の続編です。 1日1個30分、CSS3でアニメーションパーツをひたすら作り続けるというもの。 前回の記事からサンプルが増えてきたので、第二弾としてまとめました。 Rainbow Ring LoadingローディングアイコンはCSSアニメーションの練習テーマとしてベスト。 mix-blend-mode と fliter を駆使して、虹のような表現ができる。 See the Pen OnlyCSS: Rainbow Ring by Yusuke Nakaya (@YusukeNakaya) on CodePen. mix-blend-mode は、フロントエンドエンジニアとデザイナーの摩擦を改善する、超画期的なプロパティ。 もう乗算でもスクリーンでもなんでも来い！ Night Rider Loading往年のナイトライダー風CSSローディング

はじめに CSSアニメーションに関して説明する機会があったため、それらに関してまとめました。 「CSSは書けるがCSSアニメーションがよくわからん!」といった人達向けに書いた記事であり、 CSSアニメーションに関するプロパティを理解できるようになることを目的としています。 デモはCodePen上に置いてあります。編集して変化を見てみると理解が深まると思います。 デモのJavaScriptはjQueryを読み込んでいないと動かないため、ローカル環境でデモを実行する場合はご注意ください。 CSSアニメーションとは 要素をアニメーションさせるCSSの機能。 CSS TransitionとCSS Animationの2つの機能がある。 CSS Transitionとは プロパティに変更があった時に、一定時間でプロパティを変化させる機能。 単純な動きのアニメーションを実装する時に利用する。 CSS

これはなに 自分がここ2年ほど趣味として競技プログラミングをやった経緯と感想です。いわゆるプログラマの定年と呼ばれる35歳を過ぎてから始めたのですが、思ったよりも楽しめました。自分のようなシニアと呼ばれるプログラマが競プロに興味を持ってくれたらいいなと思って書きました。 競技プログラミング（競プロ）とは 競技プログラミング（以後、競プロ）は、プログラミングをして順位を競うコンテストです。コンテストはたいていオンラインで毎週のように開かれており、誰でも参加できます。形式としては、与えられた時間内にいくつかの問題を解くコードを提出して、その正解数と提出までにかかった時間を競うというものです。たいていは、コードの実行時間および使用メモリに制限があり、その制限内で実行できるコードを書く必要があります。またコードが正解かどうかは出題者が用意したテストケースをパスするかどうかで判定されます。 多くのコ

イントロ「Amazonのこの商品をチェックした人はこの商品もチェックしています」や「YouTubeのあなたへのおすすめ」、「Twitterのおすすめユーザー」などのレコメンド機能は多くのWebサービスに組み込まれております。そのレコメンドによって、ついつい商品をたくさん買ってしまったり、夜遅くまで動画を見てしまった経験はないでしょうか。 この記事では、レコメンドシステムの裏側はどのような仕組みになっているのか、そもそもレコメンドとはどういうものなのかを具体例を交えながら俯瞰できればと思います。レコメンドシステムのアルゴリズムの詳細には触れず、ビジネスにおいてどのような形で実装されているかにフォーカスしています。ネット上に公開されているレコメンドに関するスライドや記事、論文のリンクをまとめましたので、アルゴリズムの詳細などはリンク先の記事でご確認ください。 対象の読者は、自社のサービスにレコ

テキスト、ボーダー、背景、アクセント、エラーなど、カラーをCSSでどのように定義すると効率的に管理できるのか、保守が簡単になるのか、そのテクニックを紹介します。 Create your design system, part 3: Colors by CodyHouse 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに カラーをCSSで効率的に管理するために セマンティックにするか、宣言型にするか 基本的なカラーパレットの作成 セマンティックカラーの追加 このアプローチを採用する理由 テーマに使用するカラー はじめに 元々は、近日公開予定の「Web Components」のために作成したものですが、グローバルのCSSとして利用できるので、一足先に公開します。 Web Components|CodyHouse カラーをCS