すべての記事 8 ページ

2021

フロントエンド

ブラウザで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を書かなくても開発できます。
振り返りシリーズ

2020年の終わりに、コンピューターとは何かについて話します

2020年は混沌とした年で、コンピューターの本質を考え直すきっかけとなった年でした。その年の間、私はフィールドで自分の得意なことをしないように多くの試みをしました。基本的には、底辺の再理解という1つのトピックを中心に展開していました。私は高校で電子工学を勉強しました。メインストリームの時代は、インターンシップの授業はありましたが、テーブルごとに授業を練習することの方が好きで、ほとんどの時間を勉強に費やしていました。唯一ありがたいことは、宿題が一般的な高校ほど重くないか、台湾に行かないかもしれないということです。
雑談

感想 — ゲームから管理を学ぶ

この記事の原文は日本語で書かれているが、その中には仕事の上で共感できる点や、むしろ学べる点が多くあったので、ここでは簡単な引用と自分の感想をまとめることにした。この著者は36歳で、もともとはエンジニアだったが、年を重ねるにつれて技術への熱意も少しずつ薄れ、ちょうど上司から「じゃあ、やってみれば」と言われ、給料も上がったので、その流れで管理職を引き受けた。著者は面白いことに「でも問題がある。僕は人間が大嫌いだ。できるなら一人でいたいし、そもそも何でわざわざ人を管理しなきゃいけないんだ？」と言っている。どうせ業績管理も不要で、給料ももらえるのだから、まあ気楽にやろう、というわけだ。
フロントエンド

SSR のシナリオの考え方と使用方法

ブラウザが Web ページをクロールすると、クローラーはページの HTML コンテンツをクロールしてコンテンツを生成し、それをデータベースにキャッシュして定期的に更新します。つまり、SSR が実装されていない場合、html ファイル自体は空白になり、JavaScript が解析されて実行されるまで、実際のページは表示されません。