発行
2016年8月に入社した杉浦有右嗣に、これまでのキャリアを聞きました。自分がやりたいことを実現するために「何が必要か」を考えて実行してきた彼ですが、これまでとこれからをどう考えているのでしょうか。
Amazon S3に静的なWebサイトを公開する方法をいくつか解説してきました。今回はより実践的に、GitHubのリポジトリとCircleCIを連動してデプロイする設定を行います。
Grid Layoutを実装する際の注意すべきポイントを解説します。これを知っておき、無駄にハマって時間を浪費することのないようにしましょう。また、似たようなレイアウトができるFlexboxとの使い分けについてまとめておきます。
発行
Amazon S3に静的なWebサイトを公開する方法として、gulpのタスクとして公開できるようにしてみましょう。gulpのようなスクリプトからAWSにアクセスするには「アクセスキー」が必要です。
Grid Layoutが活きるデモを通して、この手法の使いどころを探っていきましょう。一見、複雑そうなレイアウトが、シンプルな指定で実現できます。雑誌風のレイアウト、汎用性の高いGrid systemライクな実装を解説します。
一見処理が複雑そうに見える実装でも、適切なAPIに気付くと、ぐっと簡単になります。この記事では、テキストフィールド選択APIを使用して、テキストフィールド内で選択している文字列やカーソル位置情報などを扱う処理を紹介します。
発行
さまざまな場面で利用されるAmazon Web Services。このサービスの中から、フロントエンド・エンジニアにとっても扱いやすいAmazon S3を利用して静的なWebサイトを公開する方法を紹介します。まずはそのサービス概要と料金形態について詳しく見てみましょう。
実務で比較的よく出会うレイアウトをGrid Layoutで組んでみます。Grid Layoutは若干複雑ではありますが、スタイルを分離し、HTMLの構造をシンプルに保ちやすいことがわかるでしょう。
これまで要素の位置やサイズの取得、設定のための、さまざまなメソッドを解説しました。今回は、サイズ取得メソッドを利用した具体的な実装例を紹介します。ドロップダウンメニューの見切れを防ぐ実装を考えます。
発行
方眼状のグリッドとグリッドアイテムのサイズをいちいち考えるのは面倒です。サイズを合わせながら自動で配置したり、均一に余白を取る指定などを解説します。
jQueryを使った要素のサイズ取得と設定に関わるメソッドを解説します。位置と同じく、どのようなメソッドで、どのような範囲のサイズを捕捉できるのか、またOS XやWindowsなどOSごとの相違を把握することも重要です。
three.jsには、中級者や上級者の要望にも応える仕組みが用意されています。今回紹介する、マテリアルのカスタマイズもその一つ。ビルトインのマテリアルにもう少し機能が欲しい思ったときに利用できるテクニックです。