note更新
Convict English：(418) パンとサーカス：投票力を奪われた都市と、立場を欠いたインド外交
India's loudest political fight obscures a more urgent one — Ashoka, The Economist, 17 May 2026 (print: "Bread and circuses")
India's diplomats are hosting the world — Asia, The Economist, 21 May 2026 (print: "Busy doing nothing")
続きをみる
Convict English：(417) ワールド・チャンピオンズ：プレミアリーグの100億ポンド文化帝国が英国に語ること
Lessons from the Premier League for Britain's next premier — Leaders, The Economist, 21 May 2026 (print: "How a deflated Britain can bounce back")
In football, Britain has a world-beating industry — Britain, The Economist, 20 May 2026 (print: "World champions")
続きをみる
Convict English：(416) プーチンのロシアを動かす中国の影響力
Convict English：(415) アメリカの「MAGA税」：成長、政策不確実性、法の支配
Convict English：(414) ロケット市場：SpaceXのIPO、Starship、そして軌道上AI構想
Convict English：(413) 母乳育児をめぐる「失われた医学」
Convict English：(412) コンゴ紛争、重要鉱物、そして米国仲介の危うさ
Convict English：(411) 檻の中のファイターと大統領：UFCの規範が暴くドナルド・トランプの欠落
Understanding TypeScript: Node.js + Express と TypeScript(第20/20課)
Understanding TypeScript: React.js と TypeScript: 完全に型付けされた Course Goals アプリを構築する(第19/20課)
Understanding TypeScript: 実践のとき: TypeScript・Axios・Google Maps を使った「場所の選択と共有」アプリの構築(第18/20課)
TypeScript で実際の小さなブラウザアプリを作りながら、サードパーティライブラリとの統合を学ぶ。
住所を緯度経度に変換する Google Geocoding API と、地図を描画する Google Maps JavaScript SDK を扱う。
npm パッケージ（Axios）と CDN 経由のグローバルスクリプト（Google Maps SDK）という、性質の異なる 2 種類のサードパーティツールを比較する。
DOM 型付け、型アサーション、Non-null アサーション、ジェネリックな API レスポンス、グローバル変数、外部 SDK、宣言パッケージなど、多彩な TypeScript の論点を一気に体験する。
続きをみる
Understanding TypeScript: TypeScript でサードパーティライブラリを使う：Lodash、宣言ファイル、Zod(第17/20課)
TypeScript プロジェクトでサードパーティライブラリを使うときに直面する 3 つの状況を整理する
Lodash を例に、@types/* と DefinitelyTyped による型補完の流れを学ぶ
.d.ts 宣言ファイルと declare キーワードの役割を理解する
Zod を使い、ランタイムスキーマから静的な TypeScript 型を z.infer で導出する仕組みを見ていく
TypeScript の型チェックとランタイムバリデーションが補完的な関係にあることを確認する
続きをみる
Convict English：(410) 駆け足の群島：プラボウォ、ポピュリスト事業、そしてインドネシアが築いた「二つの改革」の浸食
Understanding TypeScript: TypeScript で Webpack を使う：多数のモジュールから 1 つの本番バンドルへ(第16/20課)
なぜバンドラーが必要なのか、tsc -w + lite-server 構成の限界を整理する
webpack、webpack-cli、webpack-dev-server、typescript、ts-loader の役割を一つずつ解説する
webpack.config.js に entry / output / module.rules / resolve / devtool を設定する手順を追う
Webpack 5 と最新版 webpack-dev-server に対応するための devServer.static と output.publicPath の調整を確認する
開発用と本番用で設定ファイルを分離し、mode、clean-webpack-plugin、ソースマップの扱いを切り替える
ローダーとプラグインの違い、よくある落とし穴、最終的なビルドツールのメンタルモデルを押さえる
続きをみる
Understanding TypeScript: Vite で TypeScript プロジェクトを作成・実行する(第15/20課)
TypeScript コンパイラ ( tsc ) は .ts を .js に変換するだけで、HTML、CSS、画像などをまとめてデプロイ可能な Web アプリにする責務は持たない
Webpack や esbuild といったビルドツールはその隙間を埋めるが、設定そのものが大きなテーマになりがち
Vite はあらかじめ構成されたモダンなフロントエンドビルドツールであり、TypeScript・CSS・静的アセット・開発サーバ・本番ビルドをまとめて面倒見てくれる
npm create vite@latest でプロジェクトを生成し、 npm run dev / npm run build / npm run preview というシンプルなワークフローで開発できる
TypeScript はプロジェクトごとの開発依存として残り、型チェックを担当し、Vite が実際のバンドル処理を担う
続きをみる
Understanding TypeScript: TypeScript のモジュールと名前空間 ：つながりを保ったままコードを分割する (第14/20課)
Convict English：(409) ジョブ・アポカリプス：AI、労働分配率、そして「分け前」をめぐる来たる闘い
Prepare for an AI jobs apocalypse — Leaders, The Economist, 14 May 2026 (print: "How to prepare for a jobs apocalypse")
The jobs apocalypse: a (very) short history — Finance & economics, The Economist, 14 May 2026 (San Francisco)
How to share the AI windfall — Free Exchange, The Economist, 14 May 2026
続きをみる
Understanding TypeScript: 実践編 — TypeScript でドラッグ＆ドロップ式プロジェクトマネージャーを構築する (第13/20課)
デコレーター、クラス、インターフェース、ジェネリクス、厳格な型付けといった TypeScript の機能を、ブラウザで動く実践的なプロジェクトに統合する
ドラッグ＆ドロップ式のプロジェクトマネージャーを通して、テンプレートからのレンダリング、フォーム入力検証、シングルトン状態管理、コンポーネント設計を学ぶ
各機能を「単独のデモ」ではなく「アプリ設計のための道具」として使う方法を、実際のコードを追いながら理解する
続きをみる
Convict English：(408) 簡素化と規制緩和：EUが自らの「赤いテープ」を本気で切りにかかる日
Europe is unshackling business. But not enough — Leaders, The Economist, 7 May 2026 (print: "Simplify and deregulate")
The EU wants to unshackle its economy. For real this time — Finance & economics, The Economist, 4 May 2026 (print: "Europa, unshackled")
Inside the Brussels deep state — Charlemagne, The Economist, 6 May 2026 (print: "The guild of eurocrats")
続きをみる
Understanding TypeScript: 実験的デコレータ (第12/20課)
実験的デコレータの基礎と、新しい公式デコレータ提案との位置付けの違いを整理する。
クラス、プロパティ、アクセサ、メソッド、パラメータといった各デコレータの引数や役割の違いを理解する。
デコレータファクトリ、複数デコレータの実行順、戻り値の扱い、メタデータ登録という実務で使うパターンを解説する。
続きをみる
Convict English：(407) バイオハザード：AI、「アップリフト」、そしてバイオテロのしきい値
The world must stop AI from empowering bioterrorists — Leaders, The Economist, 7 May 2026 (print: "From cyber-security to biosecurity")
How AI tools could enable bioterrorism — Science & technology, The Economist, 5 May 2026 (print: "Bio hazards")
続きをみる
Understanding TypeScript: TypeScript における ECMAScript デコレーター (第11/20課)
Convict English：(406) レッドライト：世界の自動車メーカーはいかに「中国化」しようともがいているか
"Global carmakers desperately want to be more Chinese" — Business, The Economist, 3 May 2026, datelined Beijing (print headline: "Red lights")
続きをみる
Understanding TypeScript: 型から型を導出する (第10/20課)
自己紹介
化学の研究者としてアカデミックな分野でキャリアをスタートさせましたが、プログラミングへの好奇心から流体解析とFortranプログラミングの世界を探求することになりました。5年前に日本に帰国した後、ウェブ開発の世界に飛び込み、HTML、CSS、JavaScriptの基礎を独学で学びました。現在はデータサイエンティストとして、その知識と経験を生かし、この分野における革新と成長を推進しています。自由時間には、体操で体を動かし、Oculus Quest 2でバーチャルリアリティに没頭しています。学問とプログラミングの両方の強力なバックグラウンドを持つHafniumは、どんなチームにもユニークな視点とスキルセットをもたらします。
今後のプロジェクトとウェブ開発およびデータサイエンスの分野への貢献にご期待ください。
ポートフォリオへようこそ!
こんにちは！AIユーザー兼プログラマーのHafniumです。このウェブサイトでご覧いただけるように、私はAIとプログラミングの分野に情熱を注いでおり、これらの分野で活躍するために必要なスキルと知識を得るために努力してきました。ここでは、私が携わったプロジェクトなどの作品例や、履歴書、連絡先などをご紹介しています。このウェブサイトが、私のスキルと経験についてご理解いただけることを願っています。常に学び、成長する機会を求めていますので、ご質問やプロジェクトでのコラボレーションをご希望の方は、ご遠慮なくご連絡ください。私のポートフォリオを見て楽しんでいただければと思います。
