言語・開発・勉強– tag –

YouTube動画の字幕表示を日本語と英語など 2言語を並べて表示できるChrome拡張機能。 言語の学習や、技術的、HowTo動画などで 本来の意味も理解したい場合などに便利です。

ChatGPTで出力されたHTMLやCSS、JSを 即座にCodepenでプレビュー可能な拡張機能。 Web制作にとても便利で、出力されたコードを 即座に編集したり実行が可能です。

CSSのFlexboxを学習しながら タワーディフェンスゲームを楽しめる 面白いWebサービス。分かりづらい配置を 楽しみながら学習が可能です。

経験者、未経験でもハーバード大学が公開している プログラミング講座を受講できるWebサービス。 同大学のコンピュータサイエンス入門講座を日本語化、 CやHTML、JavaScriptなど幅広く理解できます。

英語のYouTube動画を日本語音声で 再生するスゴイWebサービス。 解説やゲーム、ニュースなど様々な英語動画を 日本語で視聴可能になります。

Chromeの操作を自動化できる PC上級者向けなChrome拡張機能。 JavaScriptを作成、Chromeで実行可能です。 使い方や実際に実行してみました。

入門から上級まで実例の6サイトを 実際に作ってWebコーディング学習。 無料で学習できるWebサービスです。 開発環境から制作の流れも学習できます。

プログラミングのチュートリアル動画、 レクチャー動画を簡単に作成できる Webサービス。作り方も簡単でコードの 変更箇所を書くだけで動画にできます。

たった2行でPythonをHTML内で実行できる 便利なライブラリ。PyScript。 head内に2行追加するだけで実行可能で、 気軽にPython学習などに使えます。

単語やキーワードからYouTube動画を 検索して視聴できるWebサービス。 外国語学習に特に便利で、英単語の使い方、 ネイティブな発音を確認できます。

カーナビなどのルート探索がどうやって 行われるのか、探索アルゴリズムを アニメーションで分かりやすく見れるWebサービス。 好きな地点で実際に試すことができます。

AI機能搭載したVScodeライクなコードエディタ。 AIはChatGPT搭載でGPT3.5やGPT4を使用可能。 CTRL+KでAIチャットを開いて、日本語で対話 AIがコードを追記してくれます。