普段、GitHubにリポジトリを作ってソースコードをアップしている方なら、誰でも楽しめるユニークなサービス「Codeology」のご紹介です！ 自分の「GitHubユーザー名」を入力するだけで、自動的にリポジトリ一覧が表示されるのですが、ソースコードの分量や言語の種類などを自動解析し、そのまま3Dで描かれたキャラクターに変換してくれるという楽しいサービスになっています。 使い方！ サイトにアクセスすると、すでに人気のリポジトリから生成された「3Dキャラクター」一覧が表示されています。 まずは、画面上部の検索ボックスへ、自分の「GitHubユーザー名」を入力してみましょう！

ブラウザ上で、プログラミングからステージの構成・実行・公開まで可能な、統合型パズルゲーム開発エディタ「PuzzleScript」のご紹介！ すべて無料で使えるので、今すぐパズルゲームを作りたい！という人には最適なのですが、特徴的なのはプログラミングに使う言語…。 独自の仕様で作られた言語のようで、最初はよく分からず…かなりマニアック感が漂っていたのですが、分かってくると実はスゴイ仕様なのでは？と感じるようになりました。 と言うのも、簡単なゲームロジックならたった1行で書けてしまうのですから。。 使い方！ まずは、簡単なサンプルを見ながら、「PuzzleScript」の使い方に触れていこうと思います。 最初に、トップページにある「Make A Game」ボタンをクリックしましょう！

IoT開発に興味のある方は、ぜひ参考にしておきたいサイト「Hackster.io」をご紹介します！ Raspberry PiやArduinoはもちろんのこと、Edison、Tessel、ARM mbed、TI LaunchPad…など、非常に幅広いプラットフォームでの開発事例や作り方のノウハウが無料公開されています。 海外のサイトですが、国内の参考情報はまだまだ少ないので、更なるスキルアップにも最適でしょう！

「p5.js」というJavaScriptライブラリが最近気になっていたので、勉強も兼ねてちょっと遊んでみました。 そもそも「canvas」を利用した描画処理を簡単にプログラミングできるのが「p5.js」の特徴ですが、機能を拡張するライブラリがとても優秀で、ゲーム、音楽、Webアプリ、IoT…など、幅広いジャンルの開発ができるところに魅力を感じています。 そこで今回は、ゲーム用の拡張ライブリ「p5.play」を使って、シンプルな「ブロック崩し」を作ってみたいと思います！ 用意するもの！ ゲームを作るのに必要なファイルは、「HTMLファイル」と「JavaScriptファイル」です。 HTMLファイルは、単純に「p5.js」関連のファイルを読み込んで、今回作る「ブロック崩し」のゲームファイル「app.js」を明記するだけでOK。 <!-- index.html --> <!doctype htm

プログラムの基本的な文法や例題を解くのではなく、実際に動くWebサービスを完成させることに重点を置いたプログラミング学習サービス「CodeUpStart」のご紹介！ 海外のサービスなので英語ではあるものの、すべて動画による学習構成になっているので、見ているだけでどのように制作していけば良いのか分かりやすくなっています。 また、プログラミングを最小限に抑えるために、便利なWebサービスをいろいろと連携させるテクニックも紹介されていて勉強になりますよ。 使い方！ サイトのトップページから無料の「ユーザー登録」を済ませて、学習したいコースを選択すればOKです。 例えば、オリジナルの「ポートフォリオ」を制作するコースを選んでみましょう！

その名もズバリ「OS.js」というJavaScriptライブラリです。 誰かのイタズラかと思いきや、使ってみるとブラウザの中にもう1つ別のパソコンが起動しているような感覚になり、その完成度の高さに驚かされます。 APIも提供されており、「OS.js」で起動したデスクトップ環境用のアプリケーションを自分で開発することも可能になっているのは面白い点でしょう。

jQueryを使ってWeb制作をしていて、「こんな感じのプラグイン無いかなぁ…」と思った時にサクッと検索できるサービス「jQuery Cards」が公開されているのでご紹介！ キーワード検索や、詳細なカテゴリ別検索ができるようになっており、プラグイン1つずつにGitHubで掲載されている「README.md」も読めるように構成されているので便利です！

Google、Yahoo、facebookなど、有名なWebサービスがリニューアルデザインを実施したタイミングで、どのように変更されたのかをまとめて閲覧できるWebサービス「ReDsgn.Co」のご紹介です！ また、なかなかUIを変更してくれない人気Webサービスに対して「こんなデザインにして欲しい！」というコンセプトデザインも世界中から集めて公開しているので、Webデザインを学習されている人にもピッタリなサービスと言えるでしょう。 「ReDsgn.Co」サービスの概要 トップページでは、すでに多くのリニューアルデザインがタイル形式で閲覧できるようになっています。 例えば、最近リニューアルしたWordPressやGoogle+のリニューアルデザインであったり…、