発行
styled-componentsには補助的な役割をするヘルパーが用意されています。この記事では使用頻度が比較的高いと思われる3つのヘルパーの役割と使いどころを解説します。
displayプロパティのcontents値について解説します。まずはその振る舞いを確認してみましょう。
エンジニアとして、新しい技術を勉強したり、試したりすることは大切です。しかし、毎日の仕事に追われたり、プライベートに変化があったりするとなかなかその時間が取れなくなります。今回は、そんな状況を会社として解消する方法です。
発行
最終回は平面を認識して、その平面に合わせてオブジェクトを置けるヒットテストを利用した実装や、three.jsのXR機能を利用した実装、WebXRに非対応のデバイスでの実装などを紹介します。
Netlify Functionsを利用して、Slackへメッセージを送る機能を作る流れを紹介します。Netlifyで公開したWebページからのNetlify Functionsの呼び出しを学んでみましょう。
ReactやVue.jeとも違う、シンプルで新しいアプローチの開発ツール、Svelteを紹介します。まずはテンプレートを試してみましょう。
発行
コミュニケーションボードを活用していく上で、ポイントとなるテクニックを紹介します。TrelloはGitHubやSlackを始め、さまざまなサービスと連携できるので、コミュニケーションのハブとしての役目を担いやすくなっているのもポイントです。
Reactをインストールし、styled-componentsを使った開発の環境を構築します。実際に使い勝手を試してみましょう。
Netlifyが提供するツールを使って、Netlify Functions用に書いたコードをローカル環境で動作させながら開発を進める方法について説明します。現在は2つのツールがありますが、利用には少し注意が必要です。
発行
VRを実現する実装を中心に解説します。WebXR Device APIのinlineモードを使うと、デバイスからの情報ではなく、ユーザーの操作の情報からグラフィックを変化させることもできます。
クライアントとやり取りするためのボードを紹介します。お互いに「やること」「今やっていること」「確認しないといけないこと」をはっきりする効果があります。
CSSでの色指定というと、HEX値や色名による指定が思い浮かびますが、より直感的に値の入力ができるHSL値の指定もあります。HSL値による色指定は、描画される色のイメージがつきやすいのが特徴です。