言語・開発・勉強– tag –
-
YouTubeの英語字幕と日本語字幕を並べて表示できる便利なChrome拡張機能 『Language Learning with Netflix & YouTube-AFL』
YouTube動画の字幕表示を日本語と英語など 2言語を並べて表示できるChrome拡張機能。 言語の学習や、技術的、HowTo動画などで 本来の意味も理解したい場合などに便利です。 -
ChatGPTで出力されたHTMLコードをCodepenに出力、実行も可能な拡張機能 『ChatGPT Web Preview』
ChatGPTで出力されたHTMLやCSS、JSを 即座にCodepenでプレビュー可能な拡張機能。 Web制作にとても便利で、出力されたコードを 即座に編集したり実行が可能です。 -
タワーディフェンスを攻略しながらCSSのFlexboxを習得できるWebサービス 『FLEXBOX DEFENSE』
CSSのFlexboxを学習しながら タワーディフェンスゲームを楽しめる 面白いWebサービス。分かりづらい配置を 楽しみながら学習が可能です。 -
ハーバード大学のプログラミング講座を無料で受講できるWebサービス 『CS50』
経験者、未経験でもハーバード大学が公開している プログラミング講座を受講できるWebサービス。 同大学のコンピュータサイエンス入門講座を日本語化、 CやHTML、JavaScriptなど幅広く理解できます。 -
英語音声のYouTube動画を日本語で再生するスゴイWebサービス 『Youtube日本語再生』
英語のYouTube動画を日本語音声で 再生するスゴイWebサービス。 解説やゲーム、ニュースなど様々な英語動画を 日本語で視聴可能になります。 -
Chromeを自動化、JavaScriptを自動実行させるChrome拡張機能 『ScriptAutoRunner』
Chromeの操作を自動化できる PC上級者向けなChrome拡張機能。 JavaScriptを作成、Chromeで実行可能です。 使い方や実際に実行してみました。 -
実例サイト6つを作ってWebコーディング学習ができるWebサービス 『無料コーディング練習所』
入門から上級まで実例の6サイトを 実際に作ってWebコーディング学習。 無料で学習できるWebサービスです。 開発環境から制作の流れも学習できます。 -
プログラミングのチュートリアル・レクチャー動画を簡単作成できるWebサービス 『CodeBlinks』
プログラミングのチュートリアル動画、 レクチャー動画を簡単に作成できる Webサービス。作り方も簡単でコードの 変更箇所を書くだけで動画にできます。 -
たった2行でPythonがHTML内で実行できるライブラリ 『PyScript』
たった2行でPythonをHTML内で実行できる 便利なライブラリ。PyScript。 head内に2行追加するだけで実行可能で、 気軽にPython学習などに使えます。 -
単語からYouTube動画を検索!! フレーズで動画検索できるWebサービス 『YouGlish』
単語やキーワードからYouTube動画を 検索して視聴できるWebサービス。 外国語学習に特に便利で、英単語の使い方、 ネイティブな発音を確認できます。 -
一体カーナビはどうやってルートを探索しているのか？アニメーションで分かりやすく探索が見れるWebサービス 『Pathfinding』
カーナビなどのルート探索がどうやって 行われるのか、探索アルゴリズムを アニメーションで分かりやすく見れるWebサービス。 好きな地点で実際に試すことができます。 -
AI機能搭載したVScodeみたいなコードエディタ 『Cursor』
AI機能搭載したVScodeライクなコードエディタ。 AIはChatGPT搭載でGPT3.5やGPT4を使用可能。 CTRL+KでAIチャットを開いて、日本語で対話 AIがコードを追記してくれます。
