Webpack はじめの一歩 - Qiita
このページは作業ログです。やったことをつらつら書くだけなのでまとめません。あしからず。 モチベーション JavaScript界隈のビルドツールは雨後の筍のように色々あるね。GruntやらGulpやらはたまたmakeを使いましょうっていう記事もある。最近出てきたWebpackがReact界隈だとよく使われているので試してみる。 チュートリアルをやってみる Webpackのチュートリアルはこちら Qiitaに日本語でまとめられた方がいる。そちらを参照することをオススメする。 まず最初は設定ファイル無しから始まる。entry.jsを用意しただけの所からbundle.jsをwebpackで作り、htmlに読ませる。 次も設定ファイルなし。require文を使って他のファイルの内容を読み込んだentry.jsを作り、htmlの読み込ませる。 引き続き設定ファイルなし。npm install css-
Isomorphic Architecture を実装してるときの細かいアレコレ
Isomorphic あらため Universal ？ 一時期火がついていた Isomorphic について。各自がプロダクションの事例を作り上げる潜伏期に入ったのか、はたまた本当に一過性で火が消えたのか、コモディティ化を遂げたのか分かりませんが、あまり耳にすることがなくなった印象です。 そんな中ですが先日、Universal JavaScript — Medium が公開され、なるほど Universal ってキモチになったので、タイトルに反して以下は Universal と呼称します。 今回の話題にするのは module レベルではなく Universal な JavaScript architecture のほうです。アーキテクチャのレベルで Universal なコードが役立つ代表的ケースは SPA (Single Page Application) と SSR (Server S
Feature.js
Feature.js, a feature detection library in 1kb A Fast, simple and lightweight browser feature detection library written in plain JavaScript. Try it by opening this page in different browsers and seeing the results: What is it Feature.js is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. Feature.js automatically i
圧力鍋の新境地！ 20分で炊ける「おつまみご飯」が簡単激ウマすぎた - ぐるなび みんなのごはん
はじめまして。何かの映り込みから失礼します。 株式会社バーグハンバーグバーグのかんちと申します。 いきなりですが「正月太りしてダイエットどうしよう～！」と言っている皆さんはここでサヨウナラ…… 何故ならこの記事では、これからとんでもなく旨いものを紹介するからです。 さて、突然ですが、皆さんはご飯を炊く時に何を使っていますか？ よく土鍋で米を炊くと、炊飯器で炊くよりも美味しいと聞きますよね。 たしかに土鍋で炊くのも美味しいのですが、個人的には土鍋よりもさらに美味しいと思う炊き方があるのです。 それが圧力鍋！ …僕は圧力鍋で炊いたご飯の味を知ったその日から、ご飯をおかずにご飯を食い続けて2ヶ月で体重が7kg増えました。それだけ圧力鍋で炊いたご飯が旨いんです。 炊き方の比較をすると、ご飯の旨さの違いはこれくらい↓ 圧力鍋＞＞＞＞＞＞＞＞＞＞＞＞＞＞＞土鍋＞＞ガス炊飯器＞＞＞＞＞＞電気炊飯器 圧倒
reduxをプロジェクトで使ってみた感想 - Qiita
書こうと思った気持ち reduxをとあるプロジェクトで使ってみたのだが、redux自体の存在を知った今年の夏頃はv0.4.0とかだったのに、気がついたらv3にまで上がってくるくらいの発展途上な感じのライブラリでほとんどノウハウがなく死にそうな感じだったので、使ってみた知見を公開しようと思った。 選んだ理由 reactを使ってUIを作った話をこちらに書いた。react単体はJust UIなので、アプリのフレームワークとしてfacebookが高らかに提唱しているfluxアーキテクチャを使ってみようと思った。 flux自体はデータの流れを一方向に限定しよう、というアーキテクチャであり、何をするにもまずactionがトリガーとなり、そこからアプリの状態が変更され、UIはその状態に従って描画するだけである、という思想のアーキテクチャである。 自分の過去の経験から、UI実装では状態遷移周りではまること
Reduxのmiddlewareを積極的に使っていく - Qiita
最初はちょっととっつきにくいけど、責務がはっきり分かれていて比較的コードがごちゃごちゃになりにくい（と思っている）Reduxですが、やはり実戦投入するとどうにも扱いにくい部分が出てきます。 特にそう感じるのは通信系の処理、ユーザーとのインタラクションです。これってつまるところ非同期処理なんですが、処理を依頼する側、つまりActionを投げる側としては「あとのことはまかせた！」と言いたい。Actionを投げる部分ってのはだいたい何かのイベントハンドラだったりしますが、そういう場所に通信やインタラクションの処理をダラダラと書きたくない。 本稿ではそれらの面倒な部分を責務が分離されたメンテナンスのしやすいコードになるようにmiddlewareを活用する例をいくつか紹介します。 その前にmiddlewareについて Reduxの公式ドキュメントではログ出力を例に取り、アプリケーション本体から分離し
プログラマの心の健康
目次 はじめに 情報不安について 人の話を聞くこと 寝てから考えよう わ・ざ・と、ゆ・っ・く・り・、や・っ・て・み・よ・う ロビンソン式悩み解決法 驚き、最小の法則 むしょうに腹が立つあいつのこと あなたは、そのままでいいんです はじめからやり直したい症候群 人から信頼されるためにはどうしたらよいか トラブルがチャンス あなたはひとりではありません あなたのための聖書の言葉 ぜひ、感想をお送りください リンク集 更新履歴 はじめに 私はプログラマです。 プログラムを書いて生活の糧を得ています。 プログラマというのは精神的にも肉体的にも過酷な仕事だと思われています。 夜遅くまでディスプレイに向かい、 キーボードを叩き、ジャンクフードを食べながらバグをとる…そんな職業だと思われています。 確かにそういうところもありますが、プログラマも人間です。 不健康な生活を長いこと続けることはできません。
Managing Side Effects In React + Redux Using Sagas
Redux is a Flux-like framework that has exploded in popularity within the React community. It reduces complexity by enforcing a unidirectional data flow, the use of single state atom, and pure reduce functions for state updates. For me, there has always been one thorn in the React+Flux setup, which is that more complicated processes involving coordination of action creators and side-effects are ha
Sentry をインストール - akishin999の日記
商用サービスもあるオープンソースのイベントログ収集ツール Sentry をインストールしてみたのでメモ。 getsentry/sentry https://github.com/getsentry/sentry Airbrake やオープンソースの Errbit 辺りと同じ系統のサービスな感じです。 インストールした環境は CentOS 6.5 x86_64 です。 MySQL のインストール まずは MySQL をインストール。 5.1 で試したら途中 sentry upgrade 実行時にエラーになったので、公式リポジトリから 5.6 を入れました。 yum リポジトリを追加してインストール。 # yum install -y http://dev.mysql.com/get/mysql-community-release-el6-5.noarch.rpm # yum install
Sentryでjsのエラーログを収集してみた - Qiita
Sentryとは 様々な言語から送信されたイベントログを表示してくれるやつです。OSSです。サービスでも提供されています。今回はサービス版でjsのエラーログ収集をやってみました。 Sentry使用開始までの手順(簡略) アカウント作成 チームとプロジェクトを作成 jsへの組み込み 動作確認 1. アカウント作成 以下のURLへアクセスし、アカウントを作成します。 https://www.getsentry.com/signup/ 2. チームとプロジェクトの作成 チームとプロジェクトを作成します。プロジェクトを作成する際にプラットフォームを選択する必要があるので、そこでJavaScriptを選択します。 3. jsへの組み込み Sentryへエラーログを送信するコードを仕込みます。 基本的にドキュメントの通りにやればできます。 https://docs.getsentry.com/host
ＳＭＡＰ解散へ！木村拓哉以外ジャニーズから独立 - ジャニーズ : 日刊スポーツ
国民的人気グループＳＭＡＰの中居正広（４３）稲垣吾郎（４２）草なぎ剛（４１）香取慎吾（３８）が、ジャニーズ事務所から独立することが１２日、分かった。木村拓哉（４３）は事務所に残る方向だが、グループはこれで事実上の解散となる。 ＳＭＡＰは９１年にＣＤデビュー。バラエティー番組で幅広い人気を得て大ブレークすると、木村が「ロングバケーション」などのドラマ主演で不動の人気を獲得。中居がバラエティーやスポーツ番組の司会やキャスターとして才能を発揮するなど、メンバー個々の活躍もあって、スーパーグループに成長した。その人気ぶりは、たびたび社会現象としても取り上げられた。 グループとしては売り上げ２５０万枚の大ヒットを記録したシングル「世界に一つだけの花」をはじめ、「夜空ノムコウ」「らいおんハート」などヒット曲も多数ある。 メンバー５人が勢ぞろいする人気番組「ＳＭＡＰ×ＳＭＡＰ」をはじめ、各メンバーはテレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - loverajoel/jstips: This is about useful JS tips!
ログイン - はてな
GitHub - petkaantonov/bluebird: :bird: Bluebird is a full featured promise library with unmatched performance.