発行
要素の位置指定を行うpositionプロパティの中から、stickyについて解説します。たとえばアドレス帳のリストで、索引の見出しが画面上部に追従するようなUIを、CSSのみで実装できます。
CSS内で登場する色がバラバラになると、デザインの整合性を欠いてしまいます。そこで、CSS Colorguardというツールを使い、色を変数で管理する仕組みをビルドに追加する方法を解説します。
Vue.jsはアニメーションについても、かゆいところに手が届く機能を持っています。記事ではアニメーション機能の基礎を解説。CSSでアニメーションを実装しているあなたなら、理解もそう難しくないでしょう。
発行
CSVデータのパースと集計処理が今回のテーマ。後編は「各フィールドのデータは尊重し、集計の際にカンマの処理をするアプローチ」をとっている解答を紹介しています。このアプローチの長所は要件変更にも柔軟に対応しやすい点です。
AngularJSでは、サーバーとの通信などよく使う処理を、サービスという仕組みで提供します。サービスを使って、サーバーと通信する処理を作ってみましょう。
WebVTTのオブジェクトやメソッドをJavaScriptで利用すると、WebVTT形式ファイルを使わずに字幕を表示したり、動画だけでなく音声の再生タイミングに合わせて、テキストを表示することもできます。
発行
CSV形式のテキストをパースし、データを集計する一連の処理を組み立てます。カンマで区切られたデータを扱いますが、今回の例では、フィールドにもカンマを含んだデータがあります。さて、あなたならどのような実装にしますか？
Vue.jsの基本的な知識、コンポーネント、イベント、メソッドなどの機能を使い、絞り込みができるUIを実装します。見た目とデータの処理を分けたり、機能を使ってコードを整理する方法などが腑に落ちるでしょう。
「JavaScriptを使用し、動画が特定の位置まで再生したら何かを実行する」といったデモ作成を通じて、どういったことができるのかを解説していきます。今回はキューテキストなどにアクセスする基本を紹介します。
発行
後半はピクシブが持っているエンジニアの高い技術力、そして熱量の秘密に迫ります。技術はサービス実現のツールという冷静な考えを持ちつつ、コード書くことを誰よりも楽しむ。そんな文化はどうやって育まれるのでしょうか。
今回は要素を追加、削除するのに使うAPIを紹介します。ひと昔前のAPIとの仕様を踏まえつつ、どのような点が改善されたのかにも注目してみると、現行のAPIの特長がしっかりとわかります。
WebVTT形式ファイルを利用するためには、必ずtrack要素に読み込む必要があります。この記事では、track要素の属性と、その属性値を解説します。track要素の仕様を押さえて、適切な意味付けをしましょう。