VirtualBoxとVagrantで開発環境を構築
環境なんてMAMPとXAMPPがあれば全て解決する。 なんて思っていた。 そう今までは。 そううかつでした。 いやぁ時の流れは早いものですね。 今回はVirtualBoxとVagrantで環境構築ということで、まずそれぞれ「なんぞや」と言うところから。 まず、VirtualBoxなんですが、無料で使用できるx86仮想化ソフトウェア・パッケージの一つで、開発はオラクルが行っています。 その他にもVMの種類としてVMware FusionやParallels等があるのですが、これらは有償となっております。 なにはともあれダウンロードを行いましょう。 以下のURLからダウンロードできますので、お使いの環境に合わせてダウンロードしましょう。 ダウンロード https://www.virtualbox.org/wiki/Downloads ダウンロードしたら指示に従ってポチポチインストールしていきま
Herlockを用いたアプリ開発-基礎編-
こんにちは、2度目の登場となります、株式会社ソニックムーブの佐々木です。前回に引き続き弊社のクロスプラットフォーム開発環境「Herlock」のご紹介です！ 今回は「Herlock」を用いたアプリ開発の基本的な概念をお話しさせていただきます。 Herlockにおけるアプリ開発ワークフロー まずは、基本的なアプリ開発フローをご紹介します。 ざっくりと流れを説明したものが下図となります。Web IDEでのコーディング、開発時はデバッグ用のアプリを用いて実機確認など、「手軽」＆「スピーディー」にアプリ開発を行えます！ それでは、開発ワークフローについてもう少し詳細にご説明します！ (1)コーディング ブラウザベースでのHerlock Web IDEを使用して行います。JavaScriptベースなので、もちろんローカル上での開発も可能です。下図はHerlock Web IDE(開発中)になります。
Webアプリをいまどきの手法で爆速開発した — KaoriYa
外道はるかぜちゃんジェネレータというWebアプリを いまどきな手法を用いて爆速で開発した話を紹介します。 先の3連休中、外道はるかぜちゃんジェネレータというWebアプリを開発&公開しました。ここで採用した開発手法がいまどきな爆速開発でしたのでちょっと紹介&ステマします。使った技術は以下の通りです。 AngularJS: Googleが開発しているViewModelなWeb開発ライブラリ(MVW: Model View Whateverだったかな?w) Github pages: スタティックサイトのホスティングに最適 Kii Cloud: mBaaS (mobile backend as a service) で共有データの保存に利用 HTML5 Canvas: 画像生成に。サーバサイドではなにもしてない! サービス概要 外道はるかぜちゃんジェネレータはベースとなる画像があり、そこに面白い
[PR] Herlock - OpenGL×JavaScriptでiOS/Android対応ゲームをワンソース開発！ - ピックアップ - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル
iOS/Androidアプリをワンソースで。何と甘美な響きでしょう。過去様々なプロダクトがその道に挑んできましたが、現在まで生き残り、かつシェアを獲得しているのはごくわずかです。 有名なところではTitanium、PhoneGap（Cordova）があり、3D/2DゲームではUnityも有名です。TitaniumやPhoneGapの場合Webの技術がそのまま活かせるのが利点なのですが、その際に常に言われるのがJavaScriptやWebViewを使っているために速度面でのデメリットが大きいということです。ハードウェアも進化していますがそれは否めません。 そんな中、次なる選択肢が登場しています。それが今回紹介するHerlockです。開発言語としてはJavaScriptを使いつつも、WebViewを使わずに実行されるので速度面も申し分ありません。ゲーム分野など高い反応性が求められる分野でも利用
![[PR] Herlock - OpenGL×JavaScriptでiOS/Android対応ゲームをワンソース開発！ - ピックアップ - Mobile Touch - モバイル/タブレット開発者およびデザイナー向け情報ポータル](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c5680f93629b3ab7e47de5cc0be01d62ffda6a6/height=288;version=1;width=512/http%3A%2F%2Fimages.mobiletou.ch.s3.amazonaws.com%2Fwp-content%2Fuploads%2F2014%2F01%2FScreenshot-2014-01-12-14.09.39-560x459.png)
Herlock - Native Apps Development
HerlockはJavaScriptでiPhone、Androidアプリ開発ができる国内初のネイティブアプリクロスプラットフォーム開発環境です。FlashライクなコードでOpenGLを実装することができるため、パフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。動画を見る 動画を見る HerlockはJavaScriptを使用してワンソースでAndroid、iOSのネイティブアプリを開発することができる国内初のネイティブアプリ向けクロスプラットフォーム開発環境です。 手軽にパフォーマンスの高いネイティブアプリ・ゲームの開発が可能です。 Herlockクローズドベータ版は2013年8月初旬リリース予定です。 メールアドレスをご登録いただいた方はリリース情報をメールにてお送り致します。 弊社はお客様の個人情報をお預かりすることになりますが、そのお預かりした個人情報の取扱について、
SublimeTextのパッケージをiCloudで同期する | Sou-Lablog
ソウラブログまたはソウラボログ。WebとかのBlog。( ˘ω˘ )ｸｿﾈﾐ恋に落ちるというフレコミのエディタSublime Text2。もうすぐ3。 みんな恋に落ちやがってまったく。ぼ、僕は恋になんて、ぜ、全然、落ちてないってば…/// さて、私の環境はiMacとMBAなので、この二台にST2を当然インストゥールです。 フォントとプラグインはあるだけ入れてしまうのタチなのでST2も大量のパッケージが入ってます。 iMacとMBAでパッケージのインストールなどを繰り返すのも面倒なのでST2の設定をiCloudで同期してみました。 WinとMac両刀の頃は、DropboxやSugersyncで同期も試しましたが、Growlで同期の通知が毎回きたり、同時起動するとマシン別の競合ファイルが沢山できてしまったり。100MB以上あるので容量がおしかったり…etc。 なので、即同期で高速安定、
Sublime Text2ってエディタがすごくイイ。
Macを使い始めて、いろいろ新しいソフトやアプリを探していたところ、同僚の方からいま人気のSublime Text 2というエディタを教えて頂きました。どうやら無料らしく(今後シェアウェアになるかも？)、初期設定や自分に合った環境に整えるのに少し手間取りましたが、なんとか実務で使えるレベルになってきたのでシェアします。 HTML5,CSS3,jsを書く事が多くて、Zen-CodingもSass+Compassも使うし、それにスマートフォンのマークアップ業務が多い！なんていう僕と同じような人がいるなら、このエディタはオススメですw 以下の設定通りにやれば、フロント寄りのエンジニアになら最低限は使えるものになると思います。 ダウンロード Sublime Text 2 – Dev Builds 初期設定 アプリを立ち上げて、Sublime text2 > Preference > Setting
[jQuery/Javascript]jQueryによる無限ループするアニメーションと三角関数の話 | Wood-Roots:blog
DEMO 最近はキービジュアルにFlashを使用せずにJavascriptによるアニメーションを使うことが増えてきました。GalleryViewのようなスライドショーふうのプラグインを設置するだけのケースも多いですが、ちょっとでも凝ったことをしたいと思い考えたり調べたりしていると三角関数がなかなか使えるということが分かってきました。 正直苦手な内容の話なのですが、簡単な処理のために使う程度ならコピペで何とかなりました。 余談ですが・・・三角関数とは 言うまでもありませんが、サイン・コサイン・タンジェントというやつです。確か高1か高2の数学で習うものだったように思います。アニメーションで使用するのは大抵sinとcosです。 y = sin(x) という式の場合、xが増えていってもyは-1と+1の間の値しか取りません。グラフにあらわすと波線（正弦波といわれるもの）になります。 要素を回転させ続
Javascriptとアニメーションとその数学の本
I'm software developer. I'm interested in Blender 3D, Unreal Engine and things like that. 日本人のソフトウェアエンジニアが時間的に損しているのは英語ができないからと幾度も感じている。例えば数学は日本語で勉強しても、英文の数学書を開いても文書が簡単には読めない。当たり前である。数学の単語がわからないからである。(e.g. hypotenuse). 本音を言うと日本の学校で、数学の単語は全て英語で教えて欲しいぐらいだ。 これらを楽しく覚えるのにオススメな本は。 Foundation HTML5 Animation with javascript である。昨年できた新しいめの本(e.g. setInterval()ではなくrequestAnimationFrame()を中心に利用)で三 角関数、物理(質量
エンジニアが知っておくべき厳選英語Webサイトなど - YAMAGUCHI::weblog
はじめに こんにちは、Python界の情弱です。なんか「WEB屋が知っておくべき」ってエントリが出てたんですが、まあ自分はエンジニアの端くれなのでこのへんは読んでますよ、ってのをメモっておきます。僕は情弱なので、もっと素敵なサイトがあったら教えて下さい。 「英語だから…」なんて拒否っちゃ駄目なWEB屋が知っておくべき厳選ブログ、WEBマガジン色々 | バンクーバーのうぇぶ屋 僕は主にPython系の記事を読んでますが、他のテーマ（言語、OS、仮想化、DBなどなど）はきっと著名な方々がテーマに沿って書いてくれてたりするんじゃなかろうか、と思っています。 こんなのを読んでいる 公式サイト 公式サイト なにはともあれ公式サイトとかを見ておくのはマナー。例としてPythonの公式。更新に関するRSSがあればそれを登録すると便利です。 パッケージ管理レポジトリ 今日日のプログラミング言語だとパッケー
AimingのGitHubを使った開発フロー
システムの技術的負債にどう挑むか？～『レガシーコード改善ガイド』著者マイケル・フェザーズが語る課題と解決策～
ローカルで GitHub を構築！ Git リポジトリ管理ツール「GitLab」を Mac OS X にインストールしてみた | DevelopersIO
ローカルで GitHub を構築！ Git リポジトリ管理ツール「GitLab」を Mac OS X にインストールしてみた GitLab とは GitLab は Git リポジトリを簡単に管理できるツール Gitolite をブラウザから管理できるようにする Ruby アプリケーションです。 GitHub のオープンソースクローンと呼ばれることから分かるように、UI が GitHub とめっちゃ似ています。 GitHub みたいなサービスを使いたい！だけど Public はアレだなということもあると思います。そんなときに便利です。 社内 GitHub として使うケースが主なユースケースだと思います。 しかもすべてローカルだけで作ることができるので、ローカルマシンにインストールすれば、構築後はネットワークなしで GitHub 的な環境を使うことができます！ そんな GitLab を Mac
Sublime Text 2の基本とカスタマイズ【Vim風】
2012年12月4日：Vim化について指摘と参考になる情報をいただいたので追記しました。 こんにちは、僕はVimユーザーです（ちなみにVimを完璧に使いこなしているわけではありません）。 今更ながら「Sublime Text 2」というナウでヤングなエディタも使いこなせるようになりたいと思い、Sublime Textの基本設定からプラグインやスニペットの作り方まで調べた内容をこの記事にまとめることにしました。 細かい情報までまとめることはできなかったので、より詳しい内容を紹介してくださっているブログやサイトへのリンクを設けています。 この情報以外にもSublime Text 2をVimに近づけるプラグインやカスタマイズ方法があればコメントいただけるとうれしいです。 また、間違いがあればコメントいただければすぐに直します。よろしくお願いします！ Sublime Text 2は有料（$59）の
コードリーディングにDoccoを使うと捗るかもしれない件
Doccoは、CoffeeScriptにコメントをつけてドキュメントを出力できるパッケージです。コードとコメントを左右に表示されるスタイルです。コメントにはMarkdownが使えます。 インストール インストールはnpm。追加でPygmentsが必要です。 $ npm install -g docco $ sudo easy_install Pygments 使い方 先日のエントリーで紹介したブログアプリCoffee-Boxを例にコメントを書くとこうなります。 (CoffeeBoxの紹介は 『Node.js「脱」初心者！CoffeeBoxでブログの作り方を学ぼう！』を参照してください） # ***server.coffee*** は、Coffee-Boxのエントリーポイントです。 # [express](http://expressjs.com/)を読み込みます。 express = re
DevJamMemo
夏の暑さに負けるのは困るけど、勝てる見込みもなく。 こんにちは、muchoです。 以前、若きホープのきょんたろ君がアップしたHtml5 Canvas Templete ver.1を クラスっぽく作り直してみました。 ついでにcoffee scriptで書いてみました。 Processing.jsを試してみたんですが、IE8でエラーが出て動かなかったため、 簡易Processing風なテンプレートを自作することにした次第です。 そんな背景があるので、記述の仕方はProcessingになるべくあわせています。 基本となるCanvasクラスを拡張して書くことを前提にしています。 coffee scriptだとこんな感じ class Canvas1 extends Canvas #--------------------------------------------------- setup:
Heroku上でスクリーンショットサーバを動かす - snippets from shinichitomita’s journal
前回、PhantomJSのbuildpackを作成したので、Heroku上でPhantomJSのプロセスを自由に稼働させることができるようになった。 PhantomJSはGUI環境のない(Headless) WebKitブラウザであるため、ブラウザ上のJavaScriptの単体テストor結合テストをサーバ上で走らせて、継続的インテグレーションに組み込むなどの利用方法もあるだろう。これも興味深いトピックではあるけど、ここでは触れない。 今回はPhantomJSの画面レンダリングの機能を使って、スクリーンショットサーバをHeroku上に構築する。 構成と処理フロー PhantomJSにはwebサーバ機能も含まれており、単独でHTTPサーバとしてリクエストを受け取る事もできるが、実サービスで利用するようなシロモノではない。そのためクライアントからリクエストを受け取るNode.jsのサーバを別に立
jQueryをロードする際のナイス！と思った書き方
概要 ▶ 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds!先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。このブログも実はPC版は形式上HTML5のページになっているんです。見た目はほとんど変わって 出典：Initializr - Start an HTML5 Boilerplate project in 15 seconds! 先日開催された「CSS Nite in NIIGATA, Vol.3 with Microsoft」でせっかくHTML5の事を学んだので、実際に使ってみようと勉強を進めています。 このブログも実はPC版は形式上HTML5のページになっているんです。 見た目
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
layer8.sh
GitHub - lamberta/html5-animation: Foundation HTML5 Animation with JavaScript example code and book exercises.
IDEA * IDEA
