isomorphic tokyo meetup (2015/04/30 19:30〜)nodejs.connpass.com ニフティの場所難易度高い＆都庁前駅でGoogleマップ使ったら現在地が御徒町になるなどのトラブルがあり、最初の発表の半分くらいを聞き逃したorz 感想 真のIsomorphic（Truly Isomorphic）…
Gunosy React Meetup (2015/03/30 19:30〜)gunosy-frontend.connpass.com 行った。オフィスすごく綺麗だった。 みなさんすごい勢いで発表していくし、ピザの香りでお腹すくし、終わった後の疲労感すごかったｗ ReactNativeの話も、v0.13〜の話も、実践？の話…
ng-japan - AngularJS Japan User Group | Doorkeeper Angular1.3以降や2系についてはあんまり追っていなかったので、参加してみた。 最近はディスられていた印象が強かったけど、Communityがすごい規模になってもCommunityを重視して開発を進めようとしてい…
最近、JSを書く時はBabelを使ってES6で書いている。 mochaでテストを書く場合も下記で簡単に導入できる。 $ npm i -D mocha babel $ $(npm bin)/mocha --compilers js:babel/register そんな感じでTestiumとmochaで下記のようにテストケースを書いて、テスト…
gulpfileそのものをES6で書く 上記の記事を参考にgulpfileもES6で書けるようにした。が、watchが何故か動かなかった。 // gulpfile.js require('babel/register'); require('./gulpfile.es6'); // gulpfile.es6 import gulp from 'gulp'; gulp.task('scripts…
小ネタ。 最近、ニフティクラウドのmobile backendにあるデータの集計を頼まれて、エクスポート機能で全てのデータをダウンロードしてとりあえずMySQLに入れようとしたんだけど、そのjsonが600MBくらいあってrequireで読み込めなかった。 $ cat hoge.js var …
ES6+カジュアルトーク (2014/10/29 19:30〜) ES6+カジュアルトーク - connpass 6つのLTどれも面白くて前日申し込みで滑り込めて本当に良かった。 カジュアルトークということで、全部で1時間半くらいとあんまり疲れなかったし、 でも内容は全然カジュアルじ…
第51回 HTML5とか勉強会 (2014/10/24 19:30〜) 第51回 HTML5とか勉強会 - connpass パフォーマンスに関するWeb標準についてとか、Web Animation APIとかは知らなかったのでちゃんと追わないと。。。 Chrome Dev Toolsの使い方とか、やらねばやらねばと思いつ…
テンプレートエンジンNight on Zusaar テンプレートエンジンNight on Zusaar Ustream.tv: ユーザー moznion: Template Engine Night, Recorded on 2014/10/17. コンピュータ 昨日行ってきたー。テンプレートエンジンいっぱいあるなーと思った（小並感） Reac…
ngModelはIME入力確定後に入力内容が変数に反映される。確定前の「はてｎ」みたいな入力途中の内容は取得できない。 JavaScript - AngularJSでngModelをinputに付けたときに日本語入力がリアルタイムで反映されない問題 - Qiita 確定前の内容も反映したいと…
最近、VimからAtomに乗り換えようと自宅・会社で触ってる。 で、PackageとかSnippetとか結構追加したので、そろそろ設定をgithubで管理しようと~/.atomを覗いたのだが、どれをコミットすればよいかわからなかったので調べた。 Adding Atom to Your Dotfiles …
SCRIPTY#1 〜フロントエンド紳士・淑女のための勉強会〜 (2014/09/16 19:00〜) SCRIPTY#1 〜フロントエンド紳士・淑女のための勉強会〜 - connpass 「Angular.jsとThree.jsを一緒に使った時の話」というタイトルでLTしました。 資料とかは後日会社のブログに…
Option for Sass without Compass · Issue #302 · yeoman/generator-webapp · GitHub Add option for Sass without Compass by kartikluke · Pull Request #315 · yeoman/generator-webapp · GitHub PRがmergeされたのが3月で今更だけど、気になってたので調…
Duo - A next-generation package manager for the front-end. ちょっと良さ気だったので調べてみた。 準備 # install duo $ npm install -g duo Github APIを使うらしく、duo用にAPI Tokenをここから生成し、 ~/.netrcに下記フォーマットで保存する。 # な…
小ネタ。毎回調べてる気がするので書いておく。 Code highlighting for Keynote presentations # 1. brewでhighlightをインストール $ brew install highlight # 2. 貼り付けたいソースコードをクリップボードにコピーしhighlight実行 $ pbpaste| highlight …
東京Node学園 14時限目 - connpass 申し込みの時にIsomorphic JavaScriptっていう言葉を初めて知った。辞書で調べると「同形の」って意味らしくて、Isomorphic JavaScriptなるページには"Isomorphic JavaScript apps are JavaScript applications that can r…
Speeding up AngularJS apps with simple optimizations ng-newsletterで流れてきて結構いい記事だったのでメモ。 基本的には、$$watchersを減らして、$digestの負荷を下げましょうとのこと。 One Time Binding Syntax {{ ::value }} 1.3.0からの機能。 {{ :…
小ネタ。 <input type="file"/>はスタイルが扱いづらい。<button>クリック時に動的に生成してしまえばいいんじゃないか（というかdepth.meがそういう実装だった） <body> <button>Open File</button> <script> var button = document.querySelector('button'); // ボタンクリック button.addEventListener('click', func</body></button>…
http://pixiv.doorkeeper.jp/events/13008 会社から近かったので余裕ぶっこいてたら15分ほど遅刻してしまい、最初の方のLT聞き逃したorz zip_playerの実装の話と、BEの構成の話と、なぜgifやmp4を選択肢なかったのかの話、node .jsでターミナル上で再生する…
BrowserSync livereloadよりbrowser-syncの方がいいよと聞いたので使ってみた。 使い方 npmでインストール $ npm install -g browser-sync 手元のディレクトリにhtmlとcssがあり、html, cssが更新した時にhtmlをリロードしたい場合、 $ browser-sync start -…
https://atnd.org/events/52483 銀座で勉強会初めてだなーと思いつつ地図の指す場所に向かったら会場がすごい派手な場所でわらった。 Three.jsしか使ったこと無いけど、「あーこれTypeScriptで書きたいなー」って思うことが多々あって、いちおthree.jsもd.ts…
フロントエンドエンジニア養成読本 [HTML、CSS、JavaScriptの基本から現場で役立つ技術まで満載! ] (Software Design plus)作者: 斉藤祐也,石本光司,加藤賢一,水野隼登,谷拓樹,泉水翔吾,原一成,平木聡,佐藤歩,杉本吉章出版社/メーカー: 技術評論社発売日: 20…
http://connpass.com/event/6911/ html5dayで告知された時に運良く申し込めたので行ってきた。 AudioデータをSocket.IOで送るっていうLTのデモが面白かったのでソースを読もうと思う。 https://docs.google.com/presentation/d/1Bt-G2Mrwr-guvAO75HbTcuPXmYZ…
http://tokyowebglmeetup.github.io/ 行ってきた。 半年間仕事でThree.js使ってたし、WebGL自体もすごく注目してたので楽しみに品川へ。 個人の意見だけどWebGLってとっつきにくいし（Three.js使えば楽だけど）、他のHTML5技術に比べるとサービスに活かしに…
今夜、Webアプリの正しいUIテストの方法が決定されますに行ってきた。 正しいUIテストの方法は決定されなかった（ディスカッション終わって帰ったからその後に決定したのかもしれないけど） 感想 Androidが端末毎に違うバグがあったり、IE時代よりテストが大…
毎日コードを書くこと html5 japan cupを意識しすぎるがあまり、別に興味ない物を作ろうとしつつある。 自分はやっぱり使いたい技術ベースで考えた方がモチベーションが続く気がするので、使いたい技術のメモ。 この中から組み合わせながら適当に作って、調…
金曜だけど、第47回HTML5とか勉強会 （データビジュアライゼーション）に行ってきた。ニフティーが駅から結構遠くてびびった。 以下、メモ（後半のメモがひどかった。。） データの可視化について @muddydixon 可視化の目的 情報を明確かつ効率的に伝え、そ…
テスタブルJavaScript作者: Mark Ethan Trostler,牧野聡出版社/メーカー: オライリージャパン発売日: 2013/09/21メディア: 大型本この商品を含むブログ (2件) を見る 後半はペラペラと読んだ程度だが。前半はテストしやすいコードをどう書くか、なぜそう書か…
heavenshell/vim-jsdoc · GitHub デフォルトだと<C-L>(Ctrl + l)にマップされているが、そのキーを既に<C-w><C-l>するのに使っていた。GithubのREADME.mdには書いてなかったから調べた。書いてたw NeoBundle "heavenshell/vim-jsdoc" ~ 略 ~ " <C-P>にマップ nmap <silent> <C-P> <Plug>(jsdoc) ftpl</plug></c-p></silent></c-p></c-l></c-w></c-l>…
Angular2.0について、Angular.jsのブログに出ていた。 ここ半年間くらいAngular.jsを使って不便に思っていたところが結構改善されるようで非常に嬉しい。 びっくりしたのが、ドキュメントがしっかりしてて、Angular2.0がどういうデザインになるかちゃんとま…
