JavaScriptのfor文で非同期処理をする場合はスコープに気をつけろ!
JavaScriptのfor分で順次APIを叩いてレスポンスを表示しようと思ったら、緩いスコープの罠にハマってしまいましたので、ご報告のブログです。 このソースコードの問題を見つけてください。 このソースコードにはある問 ...
View ArticleJavaScriptの時刻の扱いが3倍くらい楽になるMoment.js
JavaScriptの時刻オブジェクトといえばDateですが、扱いが少し面倒くさい場合があります。Moment.jsというライブラリを使うと、かなり楽になります。 Moment.js JavaScriptのDateオブジ ...
View ArticleCSSのMedia Queriesで画面解像度によるスタイルの出し分け
最近のCSSは画面解像度によってスタイルを適用しわけることができます。 この技術をメディアクエリといいます。少し試してみたので記録しておきます。 (ドヤ顔で書いていますが、もうすっかり浸透しきった技術です。) 書いてみる ...
View ArticleTypeScriptのエラー “Parameter cannot have question mark and initializer.”
JavaScriptが苦手すぎて、最近、TypeScriptを使ってます。型のカチッとした言語でないと書くのがつらくなってきました。 そんなTypeScriptについて初めて書くブログは小さなエラーの対処方です。 メソッ ...
View Articleついにバージョン1.0が正式リリースされたTypeScriptとは何なのか?
本日、TypeScriptのv.1.0がリリースされたというアナウンスがありました。 Announcing TypeScript 1.0 TypeScriptとは何なのか? TypeScriptは、Microsoftが2 ...
View ArticleJavaScriptやCSSの開発工程を自動化するGruntとは何か?
フロントエンドのWEB開発はここ数年で、とても高度になった代わりに、かなり工程が増えました。 昔は単純でした。 CSSを書く。 CSSをアップロードする。 最近は、こうです。 LESSやSassを書く。 CSSにプリコン ...
View Articlegrunt-contrib-watchで、JavaScriptやCSSの更新時に自動でビルドする。
Gruntで、WEB開発の工程を自動化できることを紹介しました。 JavaScriptやCSSの開発工程を自動化するGruntとは何か? grunt-contrib-watchでビルドの開始まで自動化 Gruntに設定を ...
View Article可視化ライブラリD3.jsの設計が素晴らしすぎる。
最近名前を聞くことが多くなってきたD3.jsを試してみています。 まだ使い始めたばかりですが、D3.jsの設計の素晴らしさに感動しています。 データを与えればグラフが表示されるというような単純なものではないので、敷居が高 ...
View ArticleいまさらBootstrapを使ってみて最近のCSSのトレンドなどを知る。
完全に乗り遅れていましたが、Bootstrapを使ってみました。 Bootstrapとは? Bootstrapは、CSSフレームワークと呼ばれるものの一つで、以前はTwitter Bootstrapと呼ばれていました。 ...
View Articlegrunt-contrib-lessでGruntのビルド工程でLESSをプリコンパイルする。
WEB開発の工程を自動化できるGruntで、LESSのプリコンパイルを実行してみます。 Gruntについてはこちら。 JavaScriptやCSSの開発工程を自動化するGruntとは何か? grunt-contrib-l ...
View ArticleReactってなんだ?SIROK技術勉強会で発表しました。
Reactについて、勉強会した記録です。 SIROK技術勉強会 SIROK社内で、週1回くらいの感じで勉強会をしていますが、今週から外部にも公開することにしました。 公開版!SIROK技術勉強会 #1「Reactを試して ...
View ArticleJavaScriptの時刻の扱いが3倍くらい楽になるMoment.js
JavaScriptの時刻オブジェクトといえばDateですが、扱いが少し面倒くさい場合があります。Moment.jsというライブラリを使うと、かなり楽になります。 Moment.js JavaScriptのDateオブジ ...
View ArticleCSSのMedia Queriesで画面解像度によるスタイルの出し分け
最近のCSSは画面解像度によってスタイルを適用しわけることができます。 この技術をメディアクエリといいます。少し試してみたので記録しておきます。 (ドヤ顔で書いていますが、もうすっかり浸透しきった技術です。) 書いてみる ...
View ArticleTypeScriptのエラー “Parameter cannot have question mark and initializer.”
JavaScriptが苦手すぎて、最近、TypeScriptを使ってます。型のカチッとした言語でないと書くのがつらくなってきました。 そんなTypeScriptについて初めて書くブログは小さなエラーの対処方です。 メソッ ...
View Articleついにバージョン1.0が正式リリースされたTypeScriptとは何なのか?
本日、TypeScriptのv.1.0がリリースされたというアナウンスがありました。 Announcing TypeScript 1.0 TypeScriptとは何なのか? TypeScriptは、Microsoftが2 ...
View Article
More Pages to Explore .....