メインコンテンツへスキップ

ソフトウェア

Projects 1

私がどのようにWordPressサイトを構築したか

AWS EC2 と Easy Engine を使用して WordPress サイトを迅速にデプロイ(ドメインは Cloudflare で購入)。多少のプログラミング知識が必要ですが、安価で高速、自由度と拡張性も高いです!

JavaScriptにおけるeval、リスク、そして代替案について

JavaScriptにおけるevalを紹介し、なぜそれを使うべきではないかについて語り、最後にApp Scriptクローラーで`<script />`を読み取る際やJSの計算結果を取得する面接問題を例に、その応用と代替案を見ていきます。

CallbackからAsync/Awaitへ:順次フェードインアニメーションを例に

順序的なフェードインアニメーションの実装を通して、JSにおける非同期処理を学びます。CallbackからPromiseへの移行、そしてAsync/Awaitを使ったより簡潔で読みやすいコードへのリファクタリングを解説します。

Googleサードパーティログインの実装(Vue / Express)

Vue と Express を使用して Google ログインを連携する小さな例

Webフォントについて語る — デザイン、ファイル形式、そしてフロントエンドの読み込み

フォントデザインのプロセス(非専門家版)、フォントファイルの種類、Webページでのフォント使用方法について紹介します。

Design System — フロントエンドエンジニアも知っておくべきこと

ソフトウェアエンジニアの本質は実は建築家に非常に近く、彼らが家を建てるのに対し、私たちはシステムを構築します。良い家には優れた建築設計が必要であり、設計図の計画、建物全体の構造の理解、事前の計画設計に多くの時間を費やします。この概念はウェブページにおける Design System に相当します!

フロントエンドフレームワーク第0課:フレームワークを学ぶ前に知っておくべきこと

フロントエンドフレームワークの選択は、多くの初心者(私を含む)にとって常に大きな疑問でした。私は当初、会社がReactを使用していたため、Reactを書くしかありませんでした。最近、縁あってAngularに触れる機会があり、それがきっかけで「フロントエンドフレームワーク」について、「フレームワーク」とは一体何を指すのか?何が「フレームワーク」と呼ばれるのか?なぜフロントエンドでそれを使用する必要があるのか?使用しないとどうなるのか?Vue3がすごいと聞いたが、学ぶべきか?などの問題について、より深く考えるようになりました。