にしはら

フロントエンドエンジニア。デザインとエンジニアリングのつながりを探求したい。現実と虚構…

にしはら

フロントエンドエンジニア。デザインとエンジニアリングのつながりを探求したい。現実と虚構の狭間も好き。ザリガニを飼っていた🦞

2021年に書いた記事

2011年の振り返りも兼ねて今年執筆したものをまとめてみました。 Nuxt Composition APIで作る完全静的サイトVue3に使われているComposition APIをNuxtで使って、完全静的化サイトを作る記事です。Nuxt3のベータ版が今年の10月に公開されましたが、Composition APIも採用されています。fetch系関数はちょっと破壊的変更になっていますが… WordPressのGPL周りの疑問とその答え昨年末に書いた記事『知らないで使うとトラ

にしはら

    • Webフォントを使用する時に知っておきたいこと

      WebデザインにWebフォントを使用する際に知っておきたい前提や技術的な課題などについてです。Webフォントにあまり詳しくない人向けです。 Webフォントの仕組みWebフォントはデバイスにインストールされていないフォントでも表示できるようにする技術です。基本的な仕組みは、サーバーに設置されたフォントファイルをダウンロードし、それをブラウザ上で利用することでフォントを表示しています。 この仕組みをふまえて、Webフォントの特徴を解説していきます。 日本語Webフォントはフ

      にしはら

      • 不必要に怒りを掻き立てられていないか？

        あらゆる情報があふれる現代においては色々な情報が入ってきます。中にはいらだたしいニュース、納得いかない情報なども入ってきます。SNSをやっていれば様々な情報が向こうから飛んでくる時代において、入ってくる情報に対処する術を求められていると思います。 コロナ禍の不満コロナウイルスの蔓延により様々な不都合を強いられた生活を余儀なくされています。そのため人々の中には不満がたまっています。不満は解消しないと爆発してしまうでしょう。とはいえ不満を解消するような外出やショッピングも制限さ

        にしはら

        • 【フロントエンドエンジニア】調べもので良くお世話になっているサイト

          フロントエンドの仕事においてエラーや上手くいかないことをググるのは常ですが、検索結果に出てくるサイトで個人的に安心して良く閲覧するサイトをまとめました。 基本的にそれらのサイト内で調べるのではなく、Googleの検索結果に出てきたもので優先的に見ていく、というような使い方です。また多くの場合において求める答えにたどり着き正しいですが、必ずしも正確な情報とは限らないことは頭の片隅に置いておいた方が良いでしょう。 Qiitaユーザー投稿型にエンジニアのための知見共有サイトです

          にしはら

        2021年に書いた記事

        にしはら

          ぼくのかんがえた さいきょうのz-index

          最強のz-indexを考えました。多分これが一番上です。下記デモで、どんな要素よりもピンク色の四角が一番上になるはずです。 :root:after { content: '多分これが一番上だと思います。'; display: block; width: 100px; height: 100px; position: fixed; top: 20px; left: 20px; background-color: pink; z-index: 21474836

          にしはら

          ぼくのかんがえた さいきょうのz-index

          にしはら

          社員のタイプを銀河英雄伝説で例えてみる

          Baigeの枌谷さんが以前、社員のタイプをモビルスーツに例えてみるというのがありました。ガンダムは詳しくないですが、面白そうな試みだったので銀河英雄伝説バージョンも考えてみました。 ラインハルト型社員 圧倒的な能力とカリスマ性を備える。メンバーからも信頼も厚い。 しかし、そのカリスマ性故、メンバーが社よりも彼個人への忠誠心が高まってしまう。また、燃え尽きて早死しやすい。 ヤン型社員 非常に能力が高く、メンバーからの信頼も高いが、出世欲や名誉欲はあまりない。いつも負けない仕

          にしはら

          社員のタイプを銀河英雄伝説で例えてみる

          にしはら