おはようございます、制作部の近藤です。

今回は、データビジュアライゼーションJavaScriptライブラリ、
D3.jsを使ってスライドショーを作ってみようと思います。

続きを読む

こんにちは、デザイナーのてっちゃんです。
梅雨が開けたと思ったらあっという間に8月になりましたね。
そろそろ夏休みですが、みなさんの予定はどんな感じでしょうか？
最近は、jsをちょぼちょぼ書いているのですが、たまにデータを簡単に扱いたい時があるんだよって話をしてたら
「Knockout.js」ってのがあるよって教えたもらったので、フレームワークの話を書いていいこうと思います。
例によって、導入前の準備編になります。

続きを読む

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
春ですね！新年度ですね！一年が過ぎるのがどんどん早くなっていく気がします…

今回はStyleStatsというツールを使ってCSSの健康チェックをしたいと思います。
それだけではつまらないので、＋αとして健康状態のデータを継続的にJSONファイルに溜めるようにしてみましょう。

ついでに出てきたファイルを使ってD3.jsでグラフを書きます。

もくじ

• StyleStatsってなに？
• 使ってみる
• ファイルに吐き出してみよう
• おまけ：D3.jsでグラフをつくろう
• まとめ

続きを読む

こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ)
まさかgulpネタをこんなに引っ張ることになるとは思わず、アイキャッチは使いまわしです。
今回は、細かい便利な機能をgulpに乗せてみましょう。

今までの記事はこちら

• gulp入門その１―とりあえず動かすところまで
• gulp入門その２―ファイルの監視をしてみる

もくじ

• 同期処理をする
• ローカルサーバを立ててライブリロードする
• CSSのminifyしたりプロパティを並び替えたりする
• package.jsonでモジュールを管理する
• まとめ

続きを読む

こんにちは、デザイナーのてっちゃんです。先日健康診断の結果が返ってきて判定は「A」でした。
1年間取り組んできた事がしっかりと反映されてて嬉しかったです。
お祝いにステーキ食べましたが体重はキープ出来ました！素晴らしい！！

さて、今回はJavaScriptにおけるthisの違いを書いていこうと思います。
最近javascriptについて勉強しているところで、下記を題材にしています。

• プロトタイプチェーン
• スコープ
• クロージャ

まずはプロトタイプチェーンからと思いましたが、これを理解するのにさらに以下を知らないとわからなかったです。

プロトタイプ→コンストラクタ（クラス）→thisの種類。←イマココ

というわけでthisの違いについて書いていこうと思います。

続きを読む