お役立ちリンク集

「Ｆ」「Ｊ」のホームポジションから始まり、数字や記号に至るまで滑らかに入力できるよう練習できるサイトです。

HTML (HyperText Markup Language; ハイパーテキストマークアップ言語) はウェブページのコンテンツを記述や定義するための言語です。 詳細で分かり易く使用法が記載されているリファレンスサイトです。

完全な初心者へ向けて、実用的なウェブ開発の入門シリーズです。まずはじめに、簡単なウェブページを作るのに必要なツールを導入するところから始めて、簡単なコードを書いたら、実際にウェブに公開するところまでを道案内します。

CSS (Cascading Style Sheets; カスケーディングスタイルシート) はウェブコンテンツの見た目や表現を制御するために使います。 詳細で分かり易く使用法が記載されているリファレンスサイトです。

Fomantic UI を使用すると、美しいウェブサイトを素早くデザインできます。人に優しいHTMLを使って、レスポンシブで美しいレイアウトを作成するのに役立つ開発フレームワークです。

"Can I use "では、デスクトップおよびモバイルのWebブラウザでフロントエンドのWeb技術をサポートするための最新のブラウザサポート表を提供しています。

Rubyとは、オープンソースの動的なプログラミング言語で、 シンプルさと高い生産性を備えています。 エレガントな文法を持ち、自然に読み書きができます。公式サイトです。

Ruby on Railsを学んだら何が作れるか想像してみてください...。 最新のウェブアプリケーションの構築を学ぶのは大変なことです。Ruby on Railsを使えば、もっと簡単に、もっと楽しく学ぶことができます。 Model-View-Controller (MVC) パターンに従ってデータベースを利用したウェブアプリケーションを作成するために必要なすべてのものを含んだウェブアプリケーションフレームワークです。

Ruby製のモダンな静的サイト＆フルスタックアプリケーションフレームワーク。Jamstackとサーバーサイドの魅力を融合し、柔軟な開発体験を提供します。

軽量で読みやすいコードを重視するRubyのWebフレームワーク。切り離されたコンポーネント設計により、スケーラブルなアプリケーション構築を支援します。

Ruby on Rails に特化した 1,600 ページ超えの大型リファレンスガイド。プロダクト開発を生産的にする電子書籍や全文検索、法人向けサービスも提供しています。

人気の写真素材を無料でダウンロード「ぱくたそ」写真は33,119枚 使って楽しい、見て楽しい。高解像度で美しい日本の写真が沢山あります。

フリー素材のベイツ・イメージズでは、背景や壁紙に使える画像素材を無料でダウンロードできます。高画質＆高解像度の風景やテクスチャーなど、Web、DTP、動画、アプリ、背景等に使える商用利用可能なフリー素材として限りなく自由にご利用いただけます。

どこでも使える無料のイメージとビデオ. Pixabayは創作に意欲的なコミュニティであり、著作権フリーな画像や映像をお使いいただけます。 海外サイトです。

高品質な写真素材が無料でダウンロードできます。加工や商用利用もOK! 登録やダウンロードが一手間掛かります。

季節の行事から仕事の場面まで、幅広い題材をそろえた無料イラスト素材サイトです。 資料やスライドの挿絵として使いやすく、親しみやすい雰囲気をつくれます。

Webデザイン制作の参考になる国内のWebサイト･LPを集めたギャラリー･リンク集。｢ビジュアルやコンテンツが魅力的｣｢技術を駆使｣｢UI/UXに優れている｣などのステキなサイトを厳選！2020年の最新トレンドをチェック！

ikesaiはウェブデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWebデザイナーのためのWEBデザイン リンク集。日本語&日本人が制作しているWEBデザインサイトを対象としています。

WebDesignClipはWebデザインの参考となるクオリティーの高い国内のWebデザインギャラリー・クリップ集です。 Web制作において、Webデザイナー・開発の方々などのインスピレーションを刺激するようなWebサイトや、アイデア・技術に優れたサイトをクリップしています。

自宅にいながら、一緒に画面を見てプログラミング指導が可能とするための画面共用ソフトです。

ビデオ通話アプリとして、定評のあるWherebyです。iPhoneにインストールすることで、お顔を見ながらプログラミング指導できます。iPhoneのカメラを画面や書籍に向けることで分からない点の質問等もできます。

MacBookAirは、美しく洗練されたデザイン、心地よく優れた利用者体験を提供するmacOSのもと、プログラミングを始める方への最初の一台として最適な機種です。

Rust で書かれた、軽快な動作が特長のコードエディタです。 AI との対話機能を備え、複数人での同時編集にも対応しています。 拡張機能を追加することで、Ruby や Slim など様々な言語を扱えます。

Firefoxは、Mosaic, Netscape の血を受け継ぐブラウザです。CSSグリッドを確認し易く、丁寧なコメントの開発者ツールが特徴です。

Gitはフリーでオープンソースの分散型バージョン管理システムで、小規模なプロジェクトから大規模なプロジェクトまで、あらゆるものを迅速かつ効率的に処理できるように設計されています。 Git は習得が簡単で、高速なパフォーマンスを発揮します。容易に作成可能なローカルブランチ、便利なステージングエリア、多様なワークフローが特徴です。

Git の 基本操作から応用的な事項まで、500ページに渡って書かれた書籍です。 大部ですが、二章「Gitの基本」だけでも読まれることをお薦めいたします。

開発者のために作られた GitHub は、あなたの働き方にインスパイアされた開発プラットフォームです。オープンソースからビジネスまで、コードをホストしてレビューしたり、プロジェクトを管理したり、5000万人の開発者と一緒にソフトウェアを構築したりすることができます。

静的Webサイトを公開可能なホスティングサービスです。1クリックでHTTPSなど必要なすべてのサービスを無料で利用可能です。

サーバレスアプリやAPIを高速にデプロイできるPaaS。DockerイメージやGitリポジトリから即時に起動し、グローバルCDNと組み合わせたスケーラブルな構成を提供します。

macOS用パッケージマネージャー。開発に必要な様々なプログラムをインストールできます。

AI機能とコマンド検索を備えた次世代ターミナル。共同編集やコマンド共有など、チーム開発を意識した機能が充実しています。

SSGformは、無料で簡単にフォームを作成できるサービスです。 reCAPTCHAによるスパム対策、送信後のサンクスページへのリダイレクト設定、問い合わせ発生時のメール通知などの機能も備えています。 当サイトでも利用しております。

使い方はとってもシンプル。画像を1枚指定するだけ。面倒な設定不要。 favicon.ico、apple-touch-icon*.pngなどを一括生成します。

QRコードを無料で作成可能です。

ブラウザ操作だけで、文字や画像のデザインや動きを自動生成することが出来ます。 HTML / CSS / JSが自動で作成されます。 少し古めですが、ご参考に。

AIの力を言語に。DeepL（ディープエル）では、テキストをより深く理解し翻訳できる人工知能を開発しています。世界最高レベルの機械翻訳をお試しください。 Macで使えるアプリも提供されているので、ドキュメントを読む際などに重宝します。

HTMLファイル内のタグ(<, >)を基準に、見やすく整形するツールです。乱れたソースコードの整形に便利です。

OpenAI 社による対話型の生成AIです。生成AIが広く知られるきっかけとなりました。 文章の作成や要約、翻訳、プログラムの相談まで幅広く扱えます。

Anthropic 社による対話型の生成AIです。長い文章の読み書きや、 筋道を立てた説明を得意とします。プログラム作成の相棒としても評価されています。

Google 社による対話型の生成AIです。検索や Google の各サービスとの 連携が特長で、画像や音声も含めて扱えます。

xAI 社による対話型の生成AIです。X（旧Twitter）と連携し、 最新の話題を踏まえた応答を得意とします。

画像を生成するAIです。権利関係に配慮した素材で学習しており、 商用利用を前提とした制作に向いています。日本語で指示できます。

Google 社による画像生成AIです。言葉を差し替えながら試せるので、 はじめて画像生成にふれる方の練習に向いています。

画像を生成するAIです。絵画的で美しい表現を得意とし、 作品づくりやイメージの検討に広く使われています。

Google 社による動画生成AIです。文章や画像をもとに、 動きと音を伴う映像を作り出せます。

動画の生成と編集を行なうAIサービスです。背景の差し替えや 不要なものの除去など、映像制作の道具立てがそろっています。

OpenAI 社による動画生成AIです。文章から短い動画を作り出せます。

音声を自動で文字起こしし、字幕付きの動画を手早く仕上げられるAIサービスです。 文字を消すように不要な場面を削れるため、動画編集がはじめての方でも扱えます。

プログラミング技術習得に役立つ小ネタを時折執筆しております。

ICS MEDIAは株式会社ICSが運営するオウンドメディア です。ICSはインタラクションデザイン専門のプロダクション。最先端のwebテクノロジーを駆使し、オンスクリーンメディアの表現分野で活動しています。

Web制作に役立つ様々な話題やライブラリ等の紹介が為されています。