バックナンバー

2020年7月

第400号

発行

  1. 第12回Trelloを使った業務管理

    GTDボード:ステップ2とステップ3


    思いつくあらゆることを「inbox」リストにしたら、それらがどんな性質のものなのかをはっきりさせ、整理していきます。その際、GTD的な約束事を踏まえると、うまく分けていくことができます。

    高津戸 壮

  2. 第5回CodeGridについて

    サイトのこれまでとこれから


    CodeGridメールマガジンは、2020年7月30日の配信で400号を迎えました。400号の節目に、CodeGridのWebサイトリニューアルについて、お話します。

  3. 第3回比較関数clamp() min() max()を活用する

    ここがポイント! 便利なユースケース


    最終回ではこれまで見てきた比較関数を日々の業務の中でどのように活かせそうか、ユースケースを紹介します。応用の勘所を押さえてください。

    坂巻 翔大郎

第399号

発行

  1. 最終回::beforeと::afterを使った表現事例

    線やボカシ処理による装飾


    ::before疑似要素、::after疑似要素の活用例として、テキストの左右への線の配置や、線のアニメーション、ホバー時のボカシのアニメーションを取り上げます。

    小山田 晃浩

  2. 第2回Insomniaで行うWeb APIの動作確認

    リクエストの環境変数を管理する


    Insomniaでは、リクエストに使う値を環境変数としてあらかじめ定義してセットを作っておき、切り替えて使うことが可能です。定義した環境変数はリクエスト情報入力時に利用できます。

    山田 順久

  3. 後編Tailwind CSSの設計思想を業務に活かす

    Tailwind CSSに学ぶ抽象化の技法


    前編に引き続き株式会社シフトブレインの安田さんとお話を続けています。後編ではCSSをどのように抽象化すれば、効率的に使いまわしていくことができるかが話題になりました。

第398号

発行

  1. 第2回比較関数clamp() min() max()を活用する

    比較関数の仕様を知る


    vwなど相対的な値に応じて、CSSのプロパティを変化させたいときに、3つの比較関数はとても便利です。しっかりと基礎的な仕様を押さえましょう。

    坂巻 翔大郎

  2. 第5回Svelte 3入門

    コンポーネントのスタイル指定


    コンポーネントのスタイル指定は<style>で行いますが、複数のコンポーネントが存在する場合やスコープが問題になる場合など、いくつか注意点があります。詳しく見てみましょう。

    國仲 義則

  3. 前編Tailwind CSSの設計思想を業務に活かす

    Tailwind CSSとそのCSS設計思想とは


    前編後編の2回に分けて、CSSフレームワークのTailwind CSSとそのCSS設計思想を参考にしたCSS設計を話し合います。前編はTailwind CSSの設計思想とその特徴を語ります。

第397号

発行

  1. 第1回Insomniaで行うWeb APIの動作確認

    Insomniaとは


    使いやすいGUIを備えたHTTPクライアント、Insomniaの使い方を紹介します。手軽にWeb APIの動作確認を行えるツールです。

    山田 順久

  2. 第2回 LitElement、使い方のキホン

    lit-htmlの使い方


    LitElementを構成するライブラリlit-htmlはLitElementのDOM操作を担当しますが、単体で使うこともできます。このライブラリの使い方を把握しましょう。

    宇野 陽太

  3. 第1回高画素密度ディスプレイへの対策

    仕組みと画像表示の最適化


    精細で滑らかな表示を可能にする、高画素密度なディスプレイが普及してきていますが、これらのディスプレイでブラウザ上の画像を表示した場合にぼやけてしまう場合があります。この表示の仕組みを知り、対策を考えてみましょう。

    森 大典

バックナンバー月別