発行
今回、ピクセルグリッドのエンジニアがお邪魔したのは、イラスト投稿サイトをはじめ、さまざまなサービスでクリエーターを応援するピクシブ株式会社です。まずはピクシブの高い技術力のありようを、根掘り葉堀り。
簡単な「◯×クイズ」をつくって、Vue.jsの値の入力や出力の基本を学びましょう。値によって、表示を出し分ける方法も用意されていますので、合わせて解説します。jQueryのような手軽さで、ちょっと複雑な実装ができます。
Fullscreen APIは、画像やビデオなど特定の要素のみを全画面表示させることができるAPIです。実装の仕方や、各ブラウザでの相違点を紹介します。
発行
ピクセルグリッドのエンジニア、デザイナーに開発環境や普段使いのツールを尋ねた開発環境サーベイ。今回は、ブラウザ周りについての調査です。ブラウザと合わせて仕事の効率を上げるさまざまなツールを紹介します。
textlintは文章をチェックするためのライブラリです。設定したルールに基づいて機械的に文章チェックを行うことで、文章の質を高めるための手助けをします。
ブラウザの描画準備が整ったタイミングでコールバックを実行できるrequestAnimationFrame()。今回はそのメリットとどのような場面で利用できるかの活用例を紹介します。
発行
リモートワークには大きく分類すると2つのタイプがあるように思います。オフィスを再現するタイプと、リモート固有の環境をつくるタイプ。ピクセルグリッドは後者です。リモートワークを円滑に進めるコツを紹介します。
Webアプリケーションのプログラミングは担当しないけれど、Webサイトでもう少し複雑な仕組みを提供したい人向けに、Vue.jsの使い方を解説します。まずは、基本となるコンポーネント作成を解説します。
今回は要素を選択するDOM APIの現状を解説します。要素を選択するAPIがどのような発展を遂げてきたのか、その歴史も見てみましょう。ライブラリで実装された機能を取り込みつつ、標準仕様が変化していきます。
発行
ピクセルグリッドのエンジニア、デザイナーに開発環境や普段使いのツールを調査しました。今回、開発環境は案件に案件に左右されにくい基本的な環境と、日常的に使っている便利なツールを尋ねました。
ライブラリやフレームワークを使い慣れると、最近のDOM仕様について、つい疎くなることも。このシリーズでは、比較的新しいDOM APIをおさらいします。まずは入門編としてDOMについての基本を押さえます。
動画に字幕を付けられるWebVTTには、字幕の位置や大きさ、文字の方向、サイズ、色、表示のタイミングなど、さまざまな指定ができます。この記事ではそれらの指定について詳しく解説します。