シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > 「プログラミングの勉強」に特化したソースコード検索エンジン「Runnable」が便利過ぎ!
注目記事ピックアップ
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
share0
ブラウザだけで完結する「bot開発環境」を無償提供した「Meya.ai」は、ボットのホスティングまで可能!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
share0
完全自動で、自分のプログラミング「作業ログ」を収集して可視化する「WakaTime」が素晴らしい件!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
share0
好きなYouTube動画の「見て欲しいシーン」だけを抽出して再公開できる「vibby」が便利すぎる件!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
プログラミング
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/10/17 21:45

「プログラミングの勉強」に特化したソースコード検索エンジン「Runnable」が便利過ぎ!

runnable_01
どうも、まさとらん(@0310lan)です!

プログラミングの勉強をしていると…、
「この機能は、どうやってコーディングするんだろう…?」
と、疑問に思うケースが多いかと思います。

そんな時に、あらゆる言語のソースコードを見つけ出し、そのままWeb上でコードの実行・編集まで可能な無料Webサービスがあるのでご紹介しようと思います。
それが、「Runnable」です!
runnable_02
最近では、プログラミング学習に「GitHub」を使うケースも多いですが、「Runnable」にしかない面白い機能もあるので、詳しく見ていきましょう!

どうやって使うの!?
使い方は非常に簡単です!
例えば、RailsでWebアプリを開発中に、「チャット機能を実装したい…」と思った場合……

サイトのトップにある「検索ボックス」へ、そのまま「rails chat」と入力すればOK!
runnable_04

検索結果の一覧が表示されるので、項目をクリックします。
runnable_05

すると、Railsを使ったチャットアプリの「サンプルコード」が丸ごと閲覧できるようになります。
runnable_06

このままコードを読んでも良いのですが、左側にある「実行」ボタンをクリックしてみます。
runnable_07

なんと…そのままブラウザ上で、Webアプリのように試すことが出来るのです!
runnable_08
どんなコードなのかを、手っ取り早く確認したい時にとても便利な機能です。


しかも、閲覧するだけでなく、自分で好きなようにコードを編集することも可能です。
runnable_09
(ブラウザを更新すれば、元に戻ります…)


簡易的な「ターミナル」も備えているのは嬉しいところ。
runnable_10
このように「Runnable」では、誰かが作成してくれたサンプルコードを使って、新たに自分なりのコードに変換することが簡単に出来るようになっています。
さらに、開発環境を用意する必要もないので、Web上でそのままコードをいじって実行できるのは、いろいろ試したい時にとても重宝します。


多彩な言語やフレームワークをカバーする検索機能!
「Runnable」では、非常にたくさんのプログラミング言語やフレームワークをカバーしているのも特徴的です。

例えば、
Pythonを使ったフレームワークの「Django」で、ログイン機能をどうやって実装しようか悩んだ場合…

検索ボックスに、「django login」と入力すればOK!
runnable_11_2

すると、 「Django」を利用した、ログイン機能の実装サンプルが利用できるようになります!
runnable_12


今度は、CakePHPでユーザー登録などに使われる「画像認証」を実装したければ、「cakephp captcha」で検索できます。
runnable_13

これで、画像認証の実装をじっくり勉強することができます。
runnable_14


他にも、定番の「jQuery」を使って、サイト上に「ファイルをアップロードする機能」を実装したい場合は、「jquery upload」でOK!
runnable_15

すぐに確認できるうえ、自分なりのコードにカスタマイズして実行してみるのも楽しいです。
runnable_16


さらに、Unixなどを勉強するのであれば、シェルスクリプトのサンプルなどが良いかもしれません。
runnable_17

JavaScriptなどと連携した、面白いサンプルが多数用意されています。
runnable_18
他にも、Node.js、C++、Java、.NET、Dart、MySQL…など、様々な言語の実践テクニックが学べるようになっているので助かります。


もし、検索で上手くヒットしない場合は、複数の「カテゴリ」からも検索できるようになっているので便利です。
runnable_19
現在、3000を超えるコードサンプルがあり、今もなお増え続けている状況です。
また、自分のマイページを持つことも可能で、自分が作ったコードを公開することも出来るようになっています。

将来的には、サンプルコードを丸ごとダウンロード出来る機能や、コミュニティ機能などを充実させる予定があるようなので楽しみですね。


おまけ
最後に、「Runnable」のように、ソースコードを読んで学習できる他のWebサービスも合わせてご紹介しておきます。

ソースコードを解析することで、プログラミング学習が可能になるWebサービスまとめ!
runnable_20_2
ゲームで遊びながら学習できるWebサービスから、プロの技術を学べるモノまで、幅広いジャンルから厳選してご紹介しています。


GitHubにソースコード公開中の「時間泥棒確定ゲーム10選」の猛者たちがスゴすぎ!
runnable_21_2
非常に良く出来たWebゲームだけを集めた記事で、様々なテクニックを駆使しているのが「GitHub」のコード上から感じることが出来るはず!

ご興味ある方は、ぜひ一読くださいませ!


まとめ
知りたいコードを検索する時に、Googleを利用するとなかなか希望の情報が出てこなくて、思わぬ時間泥棒になることが多々あります。

万人向けの検索サービスであるがゆえに、やはりノイズが多いのは仕方ないのですが、目的がハッキリしている場合は「Runnable」でコードを検索すると効率が良いでしょう。
意外に…類似サービスが少ないので、これからも重宝しそうな気がします。

【参考:Runnable


written by まさとらん



まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る