まずはこちらの動画をご覧ください。 こちらは娘が２歳半の頃に児童館で撮影したものです。 かわいい・・・ 生後1000日近くともなると、子どもは自分で絵本を読むようになります。 並行してひらがな覚え始めるので、親としてはガンガン絵本を読んでほしいのですが、実際には挿絵に合わせて適当な話を創をして遊んだり、まじめにひらがなを音読し始めたかと思えば数ページも読まないうちに次の絵本を引っ張り出してきては読んで、飽きてまた違う絵本に手を出すだけで、一向にちゃんと読んでくれません。 ちゃんと読まない原因として、もしかして絵本に動きがないから飽きてしまうのでは、と思った自分は もしもパパが作った動く絵本があったら、娘は大喜びして本を読むようになり、どんどん集中力が身について、あいうえおもマスターしてパパ大満足！なんてことになるんじゃないだろうか。 なんてことを考え、実際にWEB絵本を作成して娘に見せるま

PFNのmattyaです。chainerを使ったイラスト自動生成をやってみました(上の画像もその一例です)。 20日目の@rezoolabさんの記事(Chainerを使ってコンピュータにイラストを描かせる)とネタが被っちゃったので、本記事ではさらに発展的なところを書いていきたいと思います。一緒に読んでいただくとよいかと。 概要 Chainerで画像を生成するニューラルネットであるDCGANを実装した→github safebooruから顔イラストを集めてきて学習させた 学習済みモデルをconvnetjsで読み込ませて、ブラウザ上で動くデモを作成した→こちら(ローディングに20秒程度かかります) アルゴリズム 今回実装したDCGAN(元論文)はGenerative Adversarial Networkというアルゴリズムの発展形です。GANの目標は、学習データセットと見分けがつかないようなデ

JavaScriptのプログラミング技術で2016年1番人気なのはMicrosoft社製のTypeScript。類似の技術であるBabel、Haxe、CoffeeScriptと比べても人気のある技術です。Babelも伸びてはいますが、TypeScriptの方が抜きん出ている状況です。 これを選んでおけば間違いない2016年流行りのCSS・JavaScript・タスクランナー - Qiita GoogleトレンドによるとTypeScript一強時代に入ったようです。 が、個人的にはGoogleトレンド？それで何がわかるの？と思っているので、npmのダウンロード数を比較してみます。Babelの構文調べるならBabelなんて書かずにES6ってみんな調べるんじゃないかなぁ typescript vs babel-core vs-coffee-script - npm trends だいたいBabe

(2016/05/23 追記) 記事内で取り扱っている技術で、はてぶコメント等で質問の多かった「webpack」についての解説記事を書きました。 最新版で学ぶwebpack入門 – JS開発のモジュールバンドラ - ICS MEDIA Web技術はよく技術の進化が早いと言われます。多くの技術が現れては消える中で、どの技術を学ぶべきかを選択するのは重要です。選択するポイントの1つに「技術の将来性・人気があるかどうか？」があります。今回は基本的なフロントエンド技術である「CSSコーディング」「JavaScriptプログラミング」「タスクランナーとビルドツール」の3つについて、それぞれの人気をGoogleトレンドで調べてみました。 CSSコーディングの流行り CSSは、SassやLESSに代表される「CSSプリプロセッサー」を使ってプログラミングすることで、品質と効率を大きく向上させることが可能

ESLintがv2にアップデートしてからけっこう変わって、だましだましv1系の設定をいじりながら使い続きてたけどだいぶカオスになってきたので気合入れて書き直した。 せっかく気合入れて書いたのでプロジェクトを横断して設定を共有できるようにしたい。 ESLintの設定を使い回すのはいくつか方法が考えられる。 プロジェクトごとにコピペする npmモジュールにしてextendする さらにnpmモジュールとして利用するのはいくつか方法があって、 eslint-config-hokacchaみたいにグローバルな名前でnpmにpublishして使う scoped packageとして@hokaccha/eslint-configみたいな名前でnpmにpublishして使う githubに置いといてnpm install hokaccha/eslint-configみたいにして使う たぶん1が一番メジャー

if ( Electron && Windows && フレームレス && 全面ドラッグ移動可 && リサイズ可能) { 設定して欲しいCSS }CSSWindowsCSS3Electron 概要 Electronアプリ フレーム非表示 画面ドラッグでウィンドウを移動 リサイズできる Windows対応 を実現するために、Macではおそらく不要で、 Windowsでは必要なCSS設定が実装次第ではある。 検証環境 Windows7 Professional 64bit electron 0.37.2 node v5.2.0 もしかしたらWindows7 固有かも。 サンプル electron/frameless-window.md at master · electron/electron を参考に、フレームレスはこう設定し、

競技プログラミングをJavaScriptで解く際の、ある程度のテンプレを作成しました。 ※ 筆者はまだ競技プログラミングを２回しか受験していません。今後テンプレには手が加えられる可能性があります。 こちらです。 // JSでのIO処理準備 var lines = []; var readline = require('readline').createInterface(process.stdin, process.stdout); // 入力値の数値化 var parseInt10 = function(elem) { return parseInt(elem, 10); } var toInt = function(line) { var intArray = line.split(' ').map(parseInt10); if(intArray.length === 1) { re

Node-REDのREST APIの使い方を見て、Qiita APIを使って作ったジョークボット。 この投稿をストックすると、自動でストックがたくさん返ってきます。 ストックをかせぎたい新人プログラマはどうぞ。 作ったものはこれ。 Qiita APIで投稿やストックできてしまうのはなぜだろう。。。コミュニケーションの自動化のため？

結論 Twitterの埋め込み動画を使いましょう。 The Oculus Rift review: The dream and the reality https://t.co/IOBliynobN pic.twitter.com/aluC01HrsU — CNET (@CNET) 2016年3月28日 HOW TO IoTのデモのような画面上だけで完結しない場合や音が必要な場合、また、解像度が必要な場合では、GIFでは些か不十分であります。しかし、youtube等のリンクではインラインで動画が再生できないため、心理的障害が高くなり、あまり見てもらえません。 そこで、Twitterのインライン展開です。 QiitaはTwitterのインライン展開をサポートしているため、twitterに埋め込まれた動画やGIF、Vineの動画も見ることができます。手順としては、Twitterから「ツイートを

娘が、プリキュアに追いつきました。 最近のプリキュアは中学1年生が主人公になるんですよね。 新年度、4月1日を無事に迎え、娘は中学1年生。 娘が、プリキュアに追いつきました。 思えば、娘が最初に見たプリキュアは、4歳の時「Yes! プリキュア５」でした。 それまでパパ一人で見ていたプリキュアが、最初はパパのヒザの上、そして隣で一緒に笑って見てくれる様になりました。 はじめて観たプリキュア、その衝撃は計り知れないものがあったのでしょう。 それまでは、 パパ、パパ、ママ、ママ、アンパンマン　だったのが ママ、ママ、プリキュア、パパ、プリキュアになりました。 パパの優先順位が下がったのはちょっと寂しかったけど、娘といっしょに、時には真剣に、時には笑いながら一緒に楽しむ日曜日朝８：３０はパパにとって特別の時間になりました。 面白いシーンでパパが笑うと何故か娘は、テレビではなくパパの顔を見て一緒に笑

そこで、editorconfigです。 editorconfigを使うことで、各々のエディタの設定がそのプロジェクト用に切り替わります。 EditorConfig 使い方 プロジェクトのルートに.editorconfigを配置するだけです。 参考までにjs用の自分のeditorconfigの設定を載せておきます。自分はタブ派なので、自分がプロジェクトをつくるときは以下のように設定しています。 root = true [*] indent_style = tab end_of_line = lf charset = utf-8 trim_trailing_whitespace = true insert_final_newline = true [{package.json,*.yml}] indent_style = space indent_size = 2

自己紹介 クラスメソッド株式会社・AWSコンサルティング部へJOINするAlexander Patrikalakisです。６歳のときに親父が「ゲーム欲しけりゃゲーム作れ」というので、 仕方なく若くしてゲーム開発を始めました。 当初のパソコンはPowerBook 180でコンパイラはSymantec社のThink Cでした。 中学校に上がってみると同級生に勧められて、 日本語を勉強することになりました。 これまで何をやって来たか 大学に上がっては原付き・カブに乗り出し、 トマト栽培するロボットを作り、 やがて火星探索機キュリオシティーを運転することになりました。 Mars Science Laboratory 他に、月や木星の衛星開発に携わりました。 アマゾンで作ったTitan-DynamoDBで世の中の通販を運ぶのを手伝いました。 入社に至る経緯等 クラスメソッドはDevelopers.I

みなさん、pixiv好きですか？わたしは好きです。日々色々な絵がアップロードされ、本当に楽しいですよね。 今回は、npm installの時間にpixivのデイリーランキングを表示して、退屈な時間を最高の時間にするハックをすることにします。 github: akameco/npm-pixiv デモ こんな感じです。 インストール npmからインストールできます。 しかし、残念ながら最新版のiTerm2でないと画像が表示されません。iTerm2が最新版でない人はインストールをお願いします。 実装 実装については、実はほぼおなじ内容(ポプテピピック版)の記事を書いたので、そちらを参照してください。 npm installの無駄な待ち時間を圧倒的にカイゼンする方法 - Qiita 差異についてだけ説明をしようと思います。 pixivをスクレイピングし画像を取得していますが、pixivの画像はリフ

「翻訳: WebAPI 設計のベストプラクティス」を読んで色々と思うところがあったので書きました。 上記の記事は訳文でありますので、正しくは「Best Practices for Designing a Pragmatic RESTful API」に対する所感と述べた方が良いのかもしれませんが、日本語で通して読めるよう Qiita に投稿された訳文に対する所感として書いています。 以下では「翻訳: WebAPI 設計のベストプラクティス」並びに「Best Practices for Designing a Pragmatic RESTful API」は「当該記事」と表現します。 観点 当該記事では「○○とした方がよい」との意見に対してそうすべき理由が明らかになっていないか、もしくは表現が曖昧な場合が目立っていると感じました。設計は実装のようにプログラム言語仕様が制約を与えられないため、意図

標準出力に'hello'の出力を期待する簡単なテストを書いてみます。 まずは、'hello'を出力するだけですが、cli.jsのプログラムです。

promiseを並列処理する場合はPromise.allすればいいですが、並列実行となると少し面倒です。 試しに、1秒ごとに一文字ずつ表示するプログラムを書いて試行錯誤してみます。 環境はnode v4以降とします。 reduce + Promise.resolve Promiseをreduceで連結して処理する方法です。 const arr = ['a', 'b', 'c']; function sleep() { return new Promise(resolve => { setTimeout(() => { resolve(); }, 1000); }); } arr.reduce((promise, v) => { return promise .then(() => console.log(v)) .then(sleep); }, Promise.resolve()); pr

var co = require('co'); function sleep(ms) { return function (cb) { setTimeout(cb, ms); }; } // var sleep = require('co-sleep'); co(function *() { for (var i = 0; i < 5; ++i) { console.log('message1 - ' + i); yield sleep(1000); console.log('message2 - ' + i); yield sleep(1000); console.log('message3 - ' + i); } return 'final value'; }); > function sleep(msec) {return function(cb){ console.log("xxx

続・TensorFlowでのDeep Learningによるアイドルの顔識別 - すぎゃーんメモ の続き、というかなんというか。 前回までは「ももいろクローバーZのメンバー5人の顔を識別する」というお題でやっていたけど、対象をより広範囲に拡大してみる。 様々なアイドル、応援アプリによる自撮り投稿 あまり知られていないかもしれないけど、世の中にはものすごい数のアイドルが存在しており、毎日どこかで誰かがステージに立ち 歌って踊って頑張っている。まだまだ知名度は低くても、年間何百という頻度でライブを中心に活動している、所謂「ライブアイドル」。俗に「地下アイドル」と言ったりする。 ライブアイドル - Wikipedia そういったアイドルさんたち 活動方針も様々だけど、大抵の子たちはブログやTwitterを中心としてWebメディアも活用して積極的に情報や近況を発信していたりする。 そんな中、近年登

よいライブラリの作者は、よいアウトプットをしていることが多いです。 例えば、モダンjsの構成のサンプルであるレポジトリをgitクローンして見ているとします。 mizchi/modern-js-stack-example-with-react そのとき、これに関連する作者の記事を参照したくなります。本来なら、いちいち検索する必要があり面倒ですが、今回つくったCLIツールを使うと一瞬で開けて便利です。 オプションが与えられなければ、一番近くのディレクトリのpackage.jsonのauthor情報を利用しそのユーザーのQiitaページを開きます。 github: akameco/qiita-home インストール

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert