最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ブックマークや、スニペットに登録しておくと便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 CSS Layoutの使い方 CSS LayoutのレイアウトやUI要素91種類 CSS Layoutの特徴 CSS Layoutは、CSSで作成された一般的なレイアウトとパターンのコレクションです。 依存は一切なし フレームワークも必要なし CSSハックもなし すべて実際の使用例 MITライセンスで、商用プロジェクトでも無料で利用できま

みなさんの近くに、「しんどいオッサン」はいないだろうか。 しんどいオッサンとは、『気に入った特定の女性に対し、SNS上やメール等で「おはよう😊今日は、休日なので、朝からコーヒーを飲みながらのんびり過ごしています(^-^)/○○ちゃんは、もう起きてるかな？もしかして、寝坊してたりして😝もうお昼前だぞ〜（笑）今日も、○○ちゃんらしい良い1日になりますように❤️応援してるからね♪」など、死ぬほどどうでもいい報告や連絡を頻繁にしてくるオッサン』の総称である。 主に、勤務先の上司であったり、アイドルのツイッターのリプライ欄などで見ることが多い。 おそらく、女性の方は一度は存在を目にした、または聞いたことがあるのではないだろうか。 この手のオッサンは、基本的に相手に嫌われることを想定せずに行動するので、こちらが度肝を抜かれるような行動に出ることも多い。 今日は、私が過去に遭遇したしんどいオッサンた

ディープラーニングは特定分野で非常に高い精度が出せることもあり、その応用範囲はどんどん広がっています。 しかし、そんなディープラーニングにも弱点はあります。その中でも大きい問題点が、「何を根拠に判断しているかよくわからない」ということです。 ディープラーニングは、学習の過程でデータ内の特徴それ自体を学習するのが得意という特性があります。これにより「人が特徴を抽出する必要がない」と言われたりもしますが、逆に言えばどんな特徴を抽出するかはネットワーク任せということです。抽出された特徴はその名の通りディープなネットワークの中の重みに潜在しており、そこから学習された「何か」を人間が理解可能な形で取り出すというのは至難の業です。 例題：このネットワークが何を根拠に猫を猫として判断しているか、ネットワークの重みを可視化した上図から答えよ(制限時間:3分) image from CS231n Visua

先日，シンプルなRecurrent Neural Network（再帰型ニューラルネット）のコードを調べてみたが，これを使って何かやってみたいという発想から，音楽の調，長調／短調を分類できないか，が思い浮かんだ．もちろん音楽に詳しいわけではないので，Wikipedia等で長調，短調について調べることから始めてみた． 調（ちょう，key）は音楽用語の一つ．メロディーや和音が，中心音と関連付けられて構成されているとき，その音楽は調性があるという．狭義には，伝統的な西洋音楽において，全音階(diatonic scale)の音から構成される長調(major key)と短調(minor key)の2つの調が知られ，それぞれ全音階のドの音とラの音が中心音である． 基本定義としてはこのような説明となるが，小中学校で学んだ通り，長調は「明るく元気な感じ」に聞こえるのに対し，短調は「暗く重苦しい感じ」に聞こ

久しぶりにJavaScriptを勉強しようと思ったら、すっかり浦島太郎状態だった……なんて人も多いのでは？  モダンなJavaScriptの知識をコンパクトにまとめました。 JavaScriptを取り巻く環境がどんどん変化しています。新たなツールやフレームワークが生み出されているだけでなく、言語そのものがES2015（ES6）の登場で大きく変わりました。JavaScript開発の学習がいかに難しいか愚痴をこぼす記事がたくさんありますが、無理もないことです。 本記事ではモダンJavaScriptを紹介します。JavaScriptの進展を解説し、フロントエンドWebアプリケーションを作るために使われているツールや手法の全体像を確認します。JavaScriptを学び始めたばかりの人や、以前は使っていて数年間離れたため変化を知りたい人はぜひ読んでください。 Node.jsについて Node.jsは

新しい技術が出てきたとき、大多数の若い人よりも圧倒的にスピーディーに使いこなすおっさんは珍しくない。 新技術を習得する能力は、年齢よりも、「スキルを獲得するために必要なスキル」、すなわち「メタスキル」に大きく依存するからだ。 たとえば、ある開発ツールを導入すべきかどうか若い人に相談されたので、「まず、ドキュメントを読もう」と言ったら、「ドキュメントを読んでもよくわからなくて。。」と言う。ググったらすぐに公式サイトの至れり尽くせりのドキュメントが出てきたので、「これ読めばいいじゃん」と言ったら、こんなに大量の英語のドキュメントを読むのは無理だと言う。 あるいは、AIを導入するという話になったとき、「AIがよく分からないので教えて欲しい」と言ってきた若い人に、良質の入門書を勧めたら、数式が分からないので読めないのだという。数式の読み方を教えてみたら、数式以前に、そこで使われている数学概念自体を

例によってNLPチュートリアル資料に沿って、Viterbi(ビタビ)アルゴリズムを実装してみた。 参考：単語分割に関するチュートリアル 一言で言うと「分割しうる全ての部分文字列について、その単語分割らしい確率を計算する」アルゴリズムである。 Pythonで実装したものはここ チュートリアルでは各単語に対しての重みがあらかじめ計算された辞書を用いている。 入力文字列をグラフで表すとわかりやすい。各ノードが文字を表し、各エッジが単語を表している。 Viterbiアルゴリズムは以下の2つのステップを踏む。 前向きステップ このステップでは最短経路を動的計画法を用いただけである。この実装では単語ユニグラムに対して重みが割り当てられている。 イメージ図としてはこんな感じ。 図は圧倒的にチュートリアル資料がわかりやすいため、自分で描くのは億劫になる。 ただ、このチュートリアルの資料の前向きステップの説

以前から書いているDeep Learningによるアイドル顔識別の話の続き。 コツコツと顔画像収集とラベル付けを続けて、そこそこにデータが集まってきたので ここらでちゃんと性能評価をしてみよう、と。 データセットの作成 今回は、現時点で重複なく180件以上の顔画像が集まっている40人のアイドルを分類対象とした。 対象アイドル一覧 これらのアイドルに分類のラベルindexを振り(推してる順とかじゃなくてランダムにね)、それぞれから無作為に抽出した180件の顔画像をそれぞれラベルとセットでレコードを作り、シャッフルして30件ずつ6つのデータセットに分けて保存。 data-00.tfrecords data-01.tfrecords data-02.tfrecords data-03.tfrecords data-04.tfrecords data-05.tfrecords レコードは、以前の記

1989年神戸大学経済学部経済学科卒(数理経済学専攻)。 1989年にゴールドマン・サックス証券に入社し、メリルリンチ証券を経て、1996年にドイツ証券に入社。 ドイツ証券で円債トレーディング部長を務めた後、バークレーズ・キャピタルに移籍し2011年に引退。 主に円債トレーディングおよび自己勘定トレーディングに従事。 2015年に今回の新著の前半部分となる『なぜ今、私たちは未来をこれほど不安に感じるのか?』を発表し、話題を呼んだ。 日本人が知らない本当の世界経済の授業 投資家、経営者、コンサルタント、アートディレクター、官僚、学生など、各方面から絶賛された異色の経済書に、1冊分の続編が新たに加えられた『増補版なぜ今、私たちは未来をこれほど不安に感じるのか？』が発売されました。この連載ではその内容の一部とともに、同書の示す未来と世界観を別の角度から紹介します。 バックナンバー一覧 多数のマン

とっておきの週末には自分へのご褒美も兼ねておいしい料理で乾杯したいもの。手料理をで15分以内に出来上がるようなレシピもいいですが、ここはひとつ何もしない！をご提案！テイクアウトやお取り寄せができるメニューをチョイスして、楽チン家飲みディナーはいかがでしょう。 今回はそんなシーンにぴったりなお酒によく合うスタミナ系おつまみをご紹介します。どれもボリューム満点なものばかりなので、飲みながらしっかり食べたい腹ペコさんにもおすすめですよ。 長崎にある『雲龍亭』は昭和30年代に開業してから長きに渡って地元で愛される名店。そこでみなさんが必ずといっていいほど注文しているのがこちらの「一口餃子」。見てのとおり一口で食べられるミニサイズで、パリッと焼き上げられた餃子の皮からあふれ出る玉ねぎたっぷりのジューシーな餡。食材に対してもこだわりを持っていて地元長崎をはじめとした九州の野菜を中心に使用しすべて手作業

2016年7月からWebライターを開始しています。2015年3月に当サイトを立ち上げ、最大50万PV/月まで行…

1984年の連載開始から30年以上経つ今でも絶大な人気を誇る『ドラゴンボール』。その魅力は、キャラクターの魅力といっても過言ではありません。 そんな中、劇中であまり語られないのがそれぞれの恋愛模様です。 例で挙げるなら、天下一武道会後にあっさり結婚を決めた悟空とチチ。原作では、筋斗雲で二人仲良く飛び去った後のことは、ほとんど語られていません。 そんなドラゴンボールの空白の恋愛シーンを、Twitterユーザーのミイコ*。（@miicooochan）さんが描き、話題になっています。 クリリンと18号

2016年04月30日12:00 量子力学って概念とか哲学とかが一人歩きしすぎじゃない？ Tweet 1: 名無しさん＠おーぷん 2016/04/29(金)21:09:33 ID:SxR 観測観測いうけど、実際どういう装置を使っていて、どういう数値が実験ノートに記録されるのかちゃんと知ってる奴いるの？ 量子コンピュータは０と１を同時に計算しますっていうけど、実際量子コンピュータのチップ見たことある奴いるの？ 転載元：http://hayabusa.open2ch.net/test/read.cgi/news4vip/1461931773/ 職人すげぇｗｗｗってなるの貼ってけ http://blog.livedoor.jp/nwknews/archives/4715245.html 7: コタツの中の電気 2016/04/29(金)21:21:07 ID:KkG >>1 んで　なにをいいたい

先日、分散システムをいろいろやっているメンバーで集まって、話題のブロックチェーンとかビットコインやらの勉強会をやってので、まとめておく。 いろいろ意見はあると思うけど、勉強会では問題意識は大体、共有できたと思う。まずは、キーノートやってもらったS社のMさんに感謝申し上げます。すごくわかりやすかった。やはり分散系をやっている人からの解説は、視点とか問題意識が同じなので参考になる。 以下、自分の個人的見解。合っているかどうかはシラン。 1.　現状の「ブロックチェーンとビットコイン」（以下オリジナルとする）は、そのままでは分散合意とは関係ない。 これはクリアだと思う。端的にいうとビザンチン将軍問題とは「まったく関係ない。」　だから「ブロックチェーンとビットコイン」がビザンチン将軍問題の解決になっているという話は、まずは「まとはずれ」だと思う。現状の「ブロックチェーンとビットコイン」は、分散合意は

筆者は、新卒で入社した富士通を三年で退職した。 退職から一年が経過し、新しい職場（WEBベンチャー企業）での仕事に慣れたこと、 また、富士通の同期入社の友人から頻繁に転職の相談を受けるようになったこともあり、本エントリを執筆する。 はじめに、筆者の退職理由を簡単に述べると、富士通という会社に未来を感じなかったことと、やりたい仕事はできないだろうと判断したためである。 参考までに、筆者は公共機関向けのシステム開発部門に所属していた。 担当していた業務は様々で、小規模なシステム開発や、子会社・下請企業の管理であった。 １．成果主義を謳いながら実態は年功序列主義 富士通には、人材キャリアフレームワークという社員評価制度があり、現場には、入社何年目はこのレベルの仕事、といった暗黙の了解がある。 本人の能力や意欲とは全く無関係に、入社後の経過年数で、仕事の裁量の幅が大きく制限される。 このことはいわ

古代ギリシャ・ギリシャ神話研究家の藤村シシンさん。手にもっているのは亀の甲羅で作られた、古代ギリシャの竪琴のレプリカ ギリシャの神殿は白くなかった アポロン愛が高じて祭儀を再現 「神殿を建てたい」という夢も アニメ「聖闘士星矢」がきっかけでギリシャ神話に人生を捧げようと決心した、古代ギリシャ・ギリシャ神話研究家の藤村シシンさん（31）。およそ2000年ぶりに古代ギリシャの祭儀を再現するイベントを開けば、チケットがわずか２分で売り切れ、昨年秋に出版した初の著書『古代ギリシャのリアル』（実業之日本社）も２万部売れるなど、古代ギリシャに関する活動が注目を集めています。古代ギリシャやギリシャ神話について積極的に発信している藤村さんに、情熱の原動力や今後の展望について伺いました。 ギリシャの神殿は白くなかった 古代ギリシャ人が壁に書いた下ネタ満載の落書きの内容を紹介したり、古代ギリシャの名医が治療し