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

アプギガトップ > 「プログラミングの勉強」に特化したソースコード検索エンジン「Runnable」が便利過ぎ!
注目記事ピックアップ
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
share0
スクショ付きでブックマークを一元管理できるWebアプリ「Bookmark OS」を使ってみた!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
share0
登録不要!匿名で記事も公開できる究極にシンプルなWebエディタ「IO」が最高の使い心地だった!
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
share0
まだ進化を続けるGoogle検索の特殊機能12選をまとめてみた!
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
share0
こんなAR技術が欲しかった!スマホをかざすだけでプロ並みのスケッチを描ける「SketchAR」アプリを使ってみた!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
share0
英語で「VR空間作って」と書くだけで、本当にWeb上でVR体験が実現する「GuriVR」を使ってみた!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
share0
有名WebサービスのAPIをすべて同じ書き方でプログラミング可能な「RapidAPI」は、検索・テストもブラウザ上で実行可能!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
プログラミング
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...

ページトップへ戻る