10年のツケを支払ったフロント界隈におけるJavaScript開発環境（2016年4月現在）。 - 日々、とんは語る。
2015年はCSSが普及した以来となる10年に1度のフロントエンド大変革期で、それまでのツケが一気に回ってきたと個人的に感じていました。目まぐるしく状況が変化していきましたが、2016年になり、個人的にだいぶ落ち着いてきたと感じているので、ここらへんでまとめておきたい思います。 最初に結論を書いておくと、 『React + Redux + react-router + material-ui + axios + ES2015 + Babel + webpack + ESLint + Airbnb JavaScript Style Guide』 という組み合わせが、いま僕の採用しているJavaScriptの環境です。 主要ライブラリは React A JavaScript library for building user interfaces | React 去年、一気に普及したReact
技術的負債について考えた - 考えた。
技術的負債についての自分の考えをまとめます。 言いたいこと 最初から綺麗なコード・設計を書ける状態を目指せ。 そうもいかないものは天秤だが、勝手に背負うな。 技術的負債とは？ 技術的負債は事業リスクです。放置することによって事業が失速したり損害が発生したりするため、適切に取り扱う必要があります。 負債の種類と対応は、以下の三つに別けられると自分は考えています。 1. 新規で書く末端機能のクソコード・クソ設計 最初から綺麗なコード・設計を書けるを目指すべきですが、時間がかかるのであればスピード重視でよいでしょう。 「もっと良いように書けるべきだけど、どうすればよいか？」とコメントでも添えて、さっさとプルリを投げてしまうべきです。 末端機能で、あとで上に乗っかる物がないのであればコードの品質はそれほど問題ではありません。テストを整備しておけば、後でレベルが上がったときに綺麗にできるでしょう。
テスターは朝会から何を知るのか - CAT GETTING OUT OF A BAG
わたしはちょっと意地悪らしい。 例えば、あるテストケースを思いついたとする（しかもかなりの高確率でうまく動かなそうなやつ）。それをね、モノが出来上がって自分の目でちゃんと動くこと（気持ち的にはちゃんと動かないこと）を見届けるまで、プログラマに話さない。*1 とあるイベントのパネルディスカッションか何かで @m_seki から「それは意地悪だなー」と言われて、はじめてそれが意地悪なんだってことに気がつきました。そういうテストを思いついたらすぐに言ってよ！てことみたい。もしプログラマがそれを考慮しないで実装してしまったら確実にバグになるわけで、黙っていることは開発にとって何のメリットもない。 なぜ話さないのか。話せなかったのか。それなりに理由はあったんだけど、まあ、それはいいや。意地悪は良くない。それからは思いついた嫌なシチュエーションや心配事は、なるべく言うようにしてる。 ということは、わた
すべてのRailsプロジェクトでいれておくべき7つの開発用Gem - Qiita
bundle installをして、rails consoleを立ち上げなおします。 だいぶ見やすくなった感じがします。 ただ、Rails4.2からは、PrettyPrintというのが標準ではいるようになっていて、標準でもだいぶみやすくなってますね。 Rails Panel このgemをいれると、ChromeのDeveloper ToolでRailsの情報を取得できるようになります。 まず、Railsアプリケーションにmeta_requestを入れる必要があります。Gemfileにgem 'meta_request', group: :developmentを追加して、bundle installします。 ここからChromeの拡張をインストールして、Railsアプリケーションをブラウザで開いて、[要素の検証]でDeveloper Toolを開くとRailsタブが表れます。 その中でいろい
Deep Learning リンク集 - 人工知能に関する断創録
乗るしかないこのビッグウェーブに Deep Learning（深層学習）に関連するまとめページとして使用する予定です。Deep Learningに関する記事・スライド・論文・動画・書籍へのリンクをまとめています。最新の研究動向は全然把握できていないので今後研究を進めるなかで記録していきたいと思います。読んだ論文の概要も簡単にまとめていく予定です。本ブログでは、当面の間、Theanoを使って各種Deep Learningアルゴリズムを実装していきたいと思います。 関連ニュースなどはTwitterでも流しているので興味があったらフォローしてください。 すべてに目が通せず更新が追いついていません。私のはてなブックマークで[Deep Learning]というタグを付けて登録しています。まったく整理できていませんがご参考まで。 Theano編 TheanoをWindowsにインストール（2015/1
社内勉強会でReactとFluxについて喋った - pixiv inside [archive]
開発が大好きな@geta6です。 React meetupのことを完全に見逃していて悔しかったので、外部公開の社内勉強会でReactとFluxについての発表をしました。 経緯 現在ピクシブではReactでFluxな感じの構成で新サービスを開発中です。これまで社のプロダクトとしてReactを採用したことは無く、この新サービスが初の採用となる予定です。社内の空気感は「FluxもReactもよく聞くし何となくわかってるけど、詳しくは知らない」という感じでした。 そこで、自分の理解度の確認と、一緒に開発しているチームの人や社内外の開発現場の皆さんに大体の感覚を掴んでもらえるよう「ReactとFluxって一体全体なんじゃらほい」というテーマで、ざっくりと大枠を捉える発表をしました。 資料 speakerdeck.com ReactとFluxのこと // Speaker Deck スライドには入ってい
![社内勉強会でReactとFluxについて喋った - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a8d0ed6fcb034b99b3f6481c12f69296fc5deef2/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F11696248318756278971%2F8454420450092816254%2F1430122329)
「tail -f」を使うのは情弱、情強は「less +F」を使う | ソフトアンテナ
ログファイルの監視に「tail -f」コマンドを使っている方は多いかもしれません。ファイルの末尾を表示する「tail」コマンドに、ファイル末尾に追加されたデータを追跡表示する「-f」オプションを指定することで、手軽にログの監視ができる便利なコマンドです。 しかし最近、「tail -f」より便利なコマンドとして「less +F」の使用を推奨するブログ記事「Stop using tail -f (mostly)」が公開され話題となりました。 「less」はテキストファイルの内容を表示する、ページャーと呼ばれるソフトウェアですが、これに「+F」オプションを指定することで、「tail -f」より便利なファイル監視コマンドとして使えるらしいのです。具体的に「less +F」が「tail -f」より便利な点として以下の2点が挙げられています。 監視モードと通常モードをlessを起動したまま行き来できる
Railsアプリやgem作る時にいつも入れているgem一覧 - くりにっき
id:joker1007 さんに触発されました。 Ginza.rb 21回の発表資料。rails_adminのつらみとオススメgem達。 1年間で10個以上アプリやgemを作っている中でよく使うgemをまとめてみます Railsアプリ（rails new した直後に必ず入れる） annotate https://github.com/ctran/annotate_models modelのソースの先頭にテーブルのスキーマ情報を付加してくれるgem。いちいちschema.rbを見に行く必要がなくなるので超ベンリ こんな感じ # == Schema Information # # Table name: plugins # # id :integer not null, primary key # name :string # title :string # version :string #
CG映画の素材でVRデモを作れる時代が到来。「Unreal Engine 4」の最新事情をGDC 2015のEpic Gamesブースでチェックした
CG映画の素材でVRデモを作れる時代が到来。「Unreal Engine 4」の最新事情をGDC 2015のEpic Gamesブースでチェックした ライター：西川善司 GDC 2015の展示会場「Expo」にてNVIDIAとEpic Gamesは，まるで姉妹ブースのように並べた展示を行っていた GDC会期中にEpic Gamesは，同社の最新ゲームエンジンである「Unreal Engine 4」（以下，UE4）の利用を無償化するという発表を行い，業界に大きな衝撃を与えた（関連記事）。 無償化といっても，「何を作ってどれだけ売っても一切お金はいただきません」というわけではなく，ゲーム開発を完了するまでの使用料は無償として，そのゲームを販売して売り上げを得た場合に，ロイヤリティをEpic Gamesに支払うという成功報酬型ビジネスモデルを採用したのである。 ゲームエンジンではないが，Epic
［GDC 2015］「SteamVR」とは何か？ ValveがそのVRレンダリング技術を語る
［GDC 2015］「SteamVR」とは何か？ ValveがそのVRレンダリング技術を語る 編集部：aueki 北米時間2015年3月4日，米サンフランシスコで開催されたGame Developers Conference 2015（以下，GDC 2015）において，「Advanced VR Rendering」（上級VRレンダリング）と題する講演をValveが実施した。 Alex Vlachos氏（Graphics Programmer, Valve） この講演は，Valveの仮想現実（以下，VR）対応システム「SteamVR」で使われている基礎技術などを解説するものだ。講演者であるAlex Vlachos（アレックス・ブラコス）氏が「2時間分の内容だけど1時間でやる」やると宣言し，実際に多くの内容をハイペースで解説した濃い講演だったが，今回はそのなかから注目点をピックアップし，概要を
［GDC 2015］NVIDIAが伝授するマルチGPU構成時のカク付き対策。これまで語られなかった「AFR」の秘密も明らかに
［GDC 2015］NVIDIAが伝授するマルチGPU構成時のカク付き対策。これまで語られなかった「AFR」の秘密も明らかに ライター：米田 聡 GDC 2015の2日めとなる北米時間2015年3月3日，NVIDIAは，「NVIDIA SLI and Stutter Avoidance: A Recipe for Smooth Gaming and Perfect Scaling with Multiple GPUs」（SLIとスタッター回避：マルチGPU構成においてスムーズなゲームプレイと完璧なスケーリングを得るためのレシピ）と題するセッションを行った。 「スタッター」（Stutter）は，端的にいえば画面のカク付きのこと。Vsyncを有効にした状態で，ディスプレイの垂直リフレッシュレートに満たないフレームレートで映像表示を行うと，「GPUがVsyncタイミングまでに画面を描画仕切れず，
【Unity】冬道や地下鉄ステージのメイキングムービー【スピードレベルデザイン】 - テラシュールブログ
あまりにもステージを作るのが楽しそうだったので、メモしておきます。 道中を作るムービー Speed Level Design: Winter Road [ Unity 5 ] - YouTube 地下鉄を作るムービー Speed Level design - Metrò [Unity 3D] - YouTube アジア風の城まわりを作るムービー Speed Level Design: Asian bridge [ Unity 5 ] - YouTube 手順 まず、Terrainで凹凸を作成 凹凸の上とか壁に岩を配置 「岩のテクスチャ」っぽいので隙間を塗る Terrainと岩の間を馴染ませる用途と思われます。 石を配置したり草をTerrainで配置したり 背景にも木を配置したり カラコレっぽいのでカメラの色を調整 パーティクルで「雪煙」を表現
Unicornのgraceful restartで少しハマった件 - hack in 3 minutes
RailsサーバーのUnicornはmasterプロセスにUSR2シグナルを送ると、新しい設定・アプリのリロードを無停止で行うgraceful restartな動きをしてくれます。 この仕組を理解してなかったのでそれのメモ。 ドキュメントも何も見てない時の認識 現行のmasterが新しい設定・アプリをロードした新masterプロセスをforkする 新masterとそこから生えるworkerがreadyになって、新旧のUnicornが処理を行う 頃合いを見て旧masterは勝手に落ちる と思ってたんだけど、実際試してみても3のタイミングになっても旧masterがなかなか落ちてくれない。 旧masterのCPU利用率はだんだん下がってきているので、それがなくなったら落ちるのかと勝手に思ってたけどそうでもない。ウーンとなっててドキュメント見たら普通に書いてありました。 USR2を送った時の動き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
クックパッドの継続的な成長のために開発と運用が何をしてきたのか、その失敗と成功について // Speaker Deck
Vue.js 大規模アプリケーションの構築