発行
2015年にピクセルグリッドに入社した、森 大典にこれまでのキャリアを聞きました。ピクセルグリッドではフロントエンド・エンジニアとして働いていますが、彼の20年以上のキャリアではさまざまな役割を経験してきました。
この記事では、自分以外の人にも、コードに書かれていることがわかりやすく伝わる方法を考察します。プログラムは「言語」＝「言葉」の側面があります。ここでは言語の単語にあたる変数名や関数名に着目します。
第一回目はElectronの開発環境を整え、HTMLファイルを開くだけの簡単なデスクトップアプリケーションを作って、一連の流れを体験してみましょう。そのポテンシャルの一端に触れてもらうことができます。
発行
よいと思って導入したサービスも、利用していくうちによりよいサービスや方法が出てくるものです。ピクセルグリッドで最近導入したサービスを例に、よりよりものに乗り換えていくことでできる、社内の効率化を考えます。
前回紹介したCSSブレンドモードを用いて、ピクセルグリッドのコーポレートサイトでは、どのように実装されているのかを解説します。また、実装してみてわかった注意点についても触れます。
setメソッド、callメソッドによるリソースの更新や削除について解説します。データのありかを参照するReference型のルーティングがすでにできていれば、どのメソッドからでもその参照を利用することができます。
発行
前回まででECSSの基本的な概念の解説を行いました。本シリーズの最終回となる今回は、ECSSのさまざまなトピックを取り上げます。これらを通じて、ECSS本著者がどのようにCSSを設計したらいいと考えているかの一端を知ることができます。
このシリーズではCSSのブレンドモードを利用したヒーローエリアの実装について解説します。この実装は、リニューアルしたピクセルグリッドコーポレートサイトのヒーローエリアに使われています。PhotoshopやIllustratorの機能として見かけるようなさまざまなモードでのブレンドがCSSで実現できます。
複数のPathにマッチするリクエストをルーティングする方法を解説します。数種類のパターンマッチを使ったり、リクエストを受けた際に特定の参照先を渡したり、効率的なルーティングが可能です。
発行
サイトを印刷するには、制作側はどのように対応するのか、前回に引き続き、これまで案件で対応してきたことを中心に、座談会形式で紹介します。ブラウザによりまちまちな対応である現状、対応策はどのようなことが考えられるのでしょうか。
ECSSではページの内容を「モジュール」に分け、モジュールを「名前空間」でまとめます。では、具体的にモジュールはどのようにHTMLとCSSで表現されるのでしょうか。ECSS公式サイトの構造を例に考えてみます。
Falcorを使うにあたって必要となるサーバーサイド側の実装を解説します。まずは、サーバーサイド実装のあらましを、単純なPathのリクエスト応える実装を行いながら確認しましょう。