すべての記事

2021

フロントエンド

フロントエンド不安症

本記事は、私の視点や考えを表現するものであり、同業者に対する批判の意図はありません。私は現在、フロントエンドの領域（ここではウェブ開発を指します）が徐々に成熟してきており、フロントエンドフレームワークはコンポーネントベースの中心思想とレスポンシブメカニズムを採用し、フレームワーク固有の文法や開発手法、哲学と組み合わせることで、ほとんどの使用シナリオに対応できると考えています。
開発ノート

なぜ心のモデルはプログラミング言語の学習において重要なのですか？

心のモデルとは、物事の発展を予測したり、物事がどのように機能するかを認識するプロセスを指します。少し学術的なように聞こえますが、例えば、画面上でボタンのUIを見た場合、私たちはそのUIをクリックできることを予想し、クリックすると一連のイベントが起こる可能性があると予測します。したがって、ユーザーが予想と異なるUIに出くわした場合、混乱を感じることになります。
雑談

日本での長期的な就労に関する懸念

ソフトウェアエンジニアにとって、日本の特殊な文化、環境、給与は必ずしも最優先ではありません。日本で働くソフトウェアエンジニアの多くは、単純に日本が好きなために日本で働いています。したがって、給与や日本のビジネス文化については議論しません。単に日本社会の現状で私が最も心配していることを指摘します。
開発ノート

会社でサーバーを構築することは、私が想像していたよりも簡単ではありません。

このプロジェクトの開発では、従来の静的なランディングページにAPIを呼び出してデータを動的に更新するという要求がありました。さらに、ページのインタラクションが増えてきたため、元々のpug+webpack+jQueryの静的なページでは不十分でした。そのため、新しいバージョンの開発ではnext.jsを導入し、サーバーの設置に取り組む旅を始めました。
フロントエンド

ブラウザでArduinoを使用して温湿度を読み取る方法 - Web Serial API

Google Chrome 89では、Web Serial APIが導入され、ブラウザのAPIを介して外部デバイスと直接やり取りすることができます。これには、USBデバイスやシリアルインターフェースを持つBluetoothデバイスなどが含まれます。これにより、ブラウザはハードウェアと直接通信することができます。
フロントエンド

HTML を組み合わせてどのフォームデータかがわかる

フォームはウェブページの一般的なアプリケーションで、プレーンテキストの転送だけでなく、ファイルのアップロードも可能です。しかし、フォームの振る舞いは他の伝達方法とは異なるため、疑念や誤解が生じることがあります。この記事では、仕様の詳細を理解し、フォームが最終的に何をするのか、フォームが他の転送方法とどのように異なるのかを理解し、最後に、フォームタグの背後でHTMLが何をするのかを説明します。
フロントエンド

Svelte の深い理解 (2) — Svelte 生成コードの分析

Svelte の核となるコンセプトから、Svelte はコンパイルプロセスからできるだけ多くの情報を取得し、ダイナミックのオーバーヘッドを削減したいと考えています。前回の記事では、Svelte のコンパイルからコード生成までの仕組みを説明しました。今日は、Svelte が生成したコードがどのように機能するかを見てみましょう。
フロントエンド

Svelte (0) についての深い理解—抽象構文ツリーとは?

この連載記事では、読者にSvelteのコンパイルメカニズムとコード生成についてより深く理解してもらうことを目的として、Svelteの原則の実装について探ります。Svelte のコンパイルプロセスにはコードの解析が含まれるため、この記事では抽象構文ツリーとは何かを説明し、さらに抽象構文ツリーの役割と重要性について説明します。

2020

フロントエンド

ホットワイヤーとターボリンク

Turbolinks は Ruby on Rails で通常使用される JavaScript パッケージです (ライブラリとしてのみ使用できます)。主に HTML を取得して、リクエストと CSS を再送信するコストを回避します。実際、「JavaScriptを使用する必要がない」というのは完全に正しいわけではなく、JavaScriptはまだありますが、ライブラリで自動的に行われるため、JavaScriptを書かなくても開発できます。