発行
CodeGridメールマガジンが200号を迎えることができました。今回は200号記念として、普段はお見せすることが少ないCodeGrid制作の裏側についてお話します。
最終回はaigisのコンフィグファイルの細かな設定について解説します。この設定をうまく使うことで、aigisはかゆいところに手が届く柔軟性を発揮します。ぜひ、使いこなしてください。
なぜユニットテストがしづらいのか、ユニットテストをしづらいコードの特徴を見ていきます。そして、逆に、どうすればユニットテストをしやすくなるのかを考え、テストをしやすいコードの設計について解説します。
発行
ピクセルグリッドのテクニカルディレクター、大杉 充にキャリアステップを聞きました。入社前からディレクター、エンジニアとして活躍してきた大杉ですが、ピクセルグリッドに入社して変わった部分、変わらない部分はどこにあるのでしょうか。
今回はaigisをインストールして実行する環境を整えます。併せて、テンプレートとドキュメントの構文について解説します。aigisはinitコマンドで必要な設定ファイル類を生成できますので、それをもとにします。
テストの基本知識はあるが、今まで実際のプロダクトでテストを書いたことがない人、自分が書いたコードのどこをテストしたらいいかわからない人のために、まずはテストを書いてみることを目的として、足がかりとなるようなポイントを解説します。
発行
今回は、グラフの印刷・ダウンロード機能やDatepickerの組み込みなど、より実践的にHighstockを利用する方法を紹介します。また、データ内容によっては、意図通りにグラフが表示されない場合もあります。その際の調整方法にも触れます。
まずはaigisがどういったものか、その特徴と基本的な機能を解説します。Node.jsのみで構築できる環境、YAMLとMarkdownで簡単に記述できるスタイルガイド記述、スタイルガイドの分類を簡便に行えるカテゴリーなど多くの特徴があります。
前回は、ECアプリケーションの全体設計を考え、ひとまずStatelessなコンポーネントでモックのHTMLを置き換えるところまでを行いました。今回はデータの流れや、ユーザーのアクションに対する応答を実装します。
発行
Highstockは、高機能なUIを手軽に実現できるJavaScriptのグラフライブラリです。今回は、日本語環境で利用する場合に注意したい設定方法を解説します。
コンポーネントを組み合わせて、簡単なECサイトを作りながら、React.jsでのアプリの設計、実装方針、実装手順などを解説していきます。これまで解説した設計思想を生かした実装とはどういうものか、体験してみましょう。
callメソッドはJSON Graph上に定義された関数を呼び出します。呼び出すたびに違う結果になる、またはリソースに副作用が起こるといった場面で使用します。具体例に即して、使い方を解説します。