どうも、まさとらん（@0310lan）です！ 今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。 完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、本、Webアプリなど、さまざまな種類のコンテンツを楽しみながらぜひ学習に役立ててください！ ■学習を始める前に これからJavaScriptの学習コンテンツについて解説をしていく前に、ひとつだけ以下のサイトをご紹介しておきます。 【 The Modern JavaScript Tutorial 】 これはJavaScriptの基礎構文・DOM操作・非同期処理・サーバ通信など、ほとんどの学習項目を網羅したリファレンスのようなサイトです。海外で作られたサイトですが、うれしいことに日本語化されているので初心者にも扱いや

(English article is here) こんにちは、吉岡([twitter:@yoshiokatsuneo])です。 Ruby on Railsでプログラミングをはじめよう！ と思った時に、何が一番難しいと思いますか？ プログラムの書き方でしょうか？ 実は、最初にして最大の難関は、開発環境のインストール・設定だと思います。 環境構築には、一筋縄ではいかない罠が潜んでいることが多くあります。 よくあるのが… インストール方法を探したが、最新版のものが見つからない。 インストール中にエラーが出たけど、解決法がわからない。(Ruby on RailsではNokogiriなど...) インストールするには、別のソフトウェアやライブラリが必要らしいけどよくわからない。 Macでのインストール方法は見つかったけど、Windowsでのインストール方法が見つからない。 他のソフトウェアと一緒に

どうも、まさとらん（@0310lan）です！ 今回は、Webサイトに「チャット」「アンケート」「登録フォーム」…など、7種類のウィジェット（機能）を簡単に追加できる無料サービスのご紹介です！ HTMLファイルに専用のコードを追加するだけで、あとはブラウザ上のダッシュボードからマウス操作によって簡単に制御できるスグレモノです。 Webサイトやブログなどを持っている人は、ぜひ参考にしてみてください！ 【 GetSiteControl 】 ■「GetSiteControl」の使い方！ それでは、実際に「GetSiteControl」を使いながらどのようなサービスなのかを詳しく見ていきましょう！ まず最初に、トップページからユーザー登録をしておきます。 FacebookやGoogleのアカウントでもログインできますが、今回はメールアドレスを利用して登録します。 登録フォームが表示されるので、「名前

どうも、まさとらん（@0310lan）です。 みなさんは、音声認識を活用していますか？ 例えば、iOSの「Siri」と会話してみたり、Androidなら「OK Google」と喋って検索した経験があるのではないでしょうか？ 今回は、このような音声認識を利用し、PCのChromeブラウザに喋りかけることで動作するサンプルデモのチュートリアルをご紹介しようと思います！ ■音声認識に必要なAPIとは？ まず最初に必要なのが、自分の「声」を音声として認識してくれるAPIなのですが、実はPCのChromeブラウザであれば今すぐJavaScriptから利用できるようになっています。 Web Speech API：ブラウザ対応状況 「Web Speech API」を使うことで、特別なツールをインストールしたり、余計なライブラリを読み込む必要は無いわけです。 ちなみに、このAPIには大きく分けて「音声認識