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

アプギガトップ > インターネット > 設定不要で、Macからラズベリーパイを操作可能なGoogle製「Coder」を使ってみた!
注目記事ピックアップ
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
share0
JavaScriptの学習にオススメなWebコードエディタ「Carbide」の万能すぎる可視化ウィジェットがヤバイ!
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
share0
今すぐ、自分の知識を「オンライン学習コース」としてWebに公開できる「Thinkific」の多機能ぶりに驚愕!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
share0
Web上でプログラミングに特化したスクリーンキャストを無料で作れる「Scrimba」の革命的な機能がスゴイと話題に!
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
share0
ブログ感覚でオンラインのプログラミング講座を作成・公開できる「educative」は課金機能も無料で利用可能!
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
share0
開発が面倒なWebコンテンツを「ウィジェット化」して誰でも利用可能にする無料サービス「Widgetic」を使ってみた!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
share0
指先1本でミニゲームを開発してシェアし合う新型SNSアプリ「Hopscotch」で遊んでみた!
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
share0
実はゲーム機として優秀なスマホ「Galaxy S7 edge」でポケモンGOを遊び倒してみた!<PR>
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
share0
編集ソフト不要!アップロードした画像のURLをいじるだけで多彩な加工編集を実現する「Scaley.io」が登録不要で無料公開中!
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
share0
天才的な猛者が開発した究極の「HTML5ゲーム」16選が思わず熱くなり過ぎる件!
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
share0
ブラウザから即起動!ゼロからSVG画像を作成できるWebエディタ「Vectr」が完全無料で公開中!
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
share0
筆跡がリアルに変化する「自作Webフォント」を生成可能な「Calligraphr」で自分用フォントを手書きしてみた!
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
share0
わずか1行のコードで、Web制作が劇的に捗るサービスと連携し放題になる「StackPile」を使ってみた!
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
share0
Webサイトに訪れたユーザーの行動を「映像化」してトラッキングできる「Jaco」を使ってみた!
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
share0
データ可視化の最強ツール!Web上でスライド資料やインフォグラフィックを制作できる万能Webエディタ「Visme」を使ってみた!
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
share0
思わずWeb開発したくなる最強のJavaScriptライブラリ7選が楽し過ぎてヤバイ!
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
share0
エアフォースワンの内部もVR空間に!Web上であらゆる場所を歩き回れる「Matterport 3D Gallery」の没入感がスゴイ!
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
share0
「アプギガ!!」2016年の総まとめ!もう一度読みたくなる人気のバズ記事をまとめてみた!
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
share0
GoogleドライブにTrello風タスク管理機能を拡張できる「Kanbanchi」を試してみた!
インターネット
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2015/01/23 21:30

設定不要で、Macからラズベリーパイを操作可能なGoogle製「Coder」を使ってみた!

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

みなさんは、ラズベリーパイ(Raspberry Pi)を見たことありますか?

こんなヤツです↓
raspberrypi-coder_02
ラズベリーパイを使うには、モニターやキーボードなどの周辺機器が必要です。

しかし、Google製の「Coder」を使えば、面倒な設定無しに…自分のMacからプログラミングなどをすることが可能になります。

そこで、今回は「Coder」を使って、Macからラズベリーパイを遊ぶ方法をご紹介しようと思います!

<参考>
「Coder」サイト

※今回のレビューでは「Macbook Pro(Yosemite)」と「Raspberry Pi B+」を使用しています。



どうやって使うの?
まずは、サイトにある「Download Coder」ボタンをクリックして、「Coder」をインストールしましょう!
raspberrypi-coder_03

すると、「CoderSetup.app」と「raspi.img」という2つのファイルがあるので、「CoderSetup.app」を起動させます!
raspberrypi-coder_04
「Coder」が起動して、「START」をクリックすると「SDカードを挿入してください」というメッセージが表示されます。

そこで、ラズベリーパイに使うSDカードを、Macに挿入してから「NEXT」ボタンをクリックします。
raspberrypi-coder_05 (SDカードのフォーマットも同時に行ってくれます…)


「INSTALL」ボタンをクリックすれば、あとは自動的にSDカードへ書き込んでくれます。
raspberrypi-coder_06 (完了したら、OKボタンをクリックして終了しましょう…)


SDカードをラズベリーパイに挿入し、電源をONにしてLANケーブルを「Mac」と「ラズベリーパイ」に接続します。
raspberrypi-coder_07 (Macによっては「LANアダプタ」が必要な場合もあります…)

そして、MacのChromeブラウザから「https://coder.local」へアクセスします。

ブラウザの仕様上、「セキュリティエラー画面」が表示されますが気にせずにアクセスしましょう!
raspberrypi-coder_08

すると、面倒な設定一切無しで「Mac」から「ラズベリーパイ」に接続されて「Coder」の画面が表示されます!
raspberrypi-coder_09 (接続されない場合、Mac側の「インターネット共有」がOFFの可能性があるのでONにしておきましょう⇒ 参考記事


ちなみに、若干やり方が変わりますが、WindowsPCでも同じことが可能なのでご興味ある方は挑戦してみましょう…⇒ 参考情報



早速、使ってみよう!
まず最初に、アクセス用の「パスワード」を設定します。
raspberrypi-coder_10

すると、「Coder」のメイン画面が表示されます!
raspberrypi-coder_11 ファイラーのような管理画面になっており、ここでプログラミングなどが出来るようになっています。


あらかじめ、いくつか「サンプルプロジェクト」も用意されています。
raspberrypi-coder_12

プロジェクトをクリックすると、マウスの動きに合わせて動く「目」や、シューティングゲームなどが楽しめます。
raspberrypi-coder_13

コードエディタを搭載しているので、プログラムの中身を見たり、編集したりも可能です。
raspberrypi-coder_14

もちろん、最初から自分でプログラミングすることも可能で、ファイル名を入力して「Create」ボタンをクリックすればOK!
raspberrypi-coder_15

「コードエディタ」と「プレビュー画面」の表示にも対応。
raspberrypi-coder_16 コードエディタ上では、HTML/CSS、JavaScript、Node.jsのプログラミングが出来る環境が整えられています。

また、画像のアップロードや、作成したファイルのダウンロードなども、ワンクリックで実現できます。

ちなみに、エンジニア向けとして、Macのターミナルから

「ssh pi@coder.local」

と入力すれば、コンソールからのコントロールも可能になるので、覚えておくと便利です!(パスワードは、先ほど設定したモノになります…)



充実した学習教材!
「Coder」のサイト上には、学習に最適な資料やプロジェクトが豊富に用意されているのも魅力的です。
raspberrypi-coder_17

例えば、簡単なWebプログラミングを実行しながら楽しめる「ミニゲーム」の紹介や…、
raspberrypi-coder_19

ラズベリーパイを時計にするテクニックであったり…、
raspberrypi-coder_20

センサーとライトを使った電子工作なども紹介されています。
raspberrypi-coder_21

さらに、今回ご紹介したセットアップ方法なども、詳しく紹介されているので便利です。
raspberrypi-coder_18
まずは、これらの資料を頼りにしながら、ラズベリーパイの魅力を追求していくのが面白いでしょう。



おまけ
最後に、アプギガで過去にご紹介した「ラズベリーパイ作品」を合わせてご紹介しておきます。

小型PC「ラズベリー・パイ」で自作した神作品10選の猛者たちが天才過ぎる!
raspberrypi-coder_99 ラズベリーパイの可能性を、手っ取り早く知ることができる作品ばかりで、ミニノートPC、携帯電話、デジカメなどを自作する事例を豊富に紹介しています。
ご興味ある方は、ぜひ覗いてみてください!


まとめ
2015年1月現在の「Coder」は、バージョン0.7のベータ版であり、今後さらに多くの機能追加が予定されています。

ただ、すでに完成度は高く、とても簡単な方法でPCと連携できるようにしてくれる点だけ考えても優秀ではないでしょか。

「Coder」によって、ラズベリーパイを手にする人が増えれば、さらに面白い世界になりそうですね!

<参考>
「Coder」サイト


written by まさとらん




まさとらん

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

twitter:0310lan

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

ページトップへ戻る