@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

今更AngularJSでControllerを使ってみる

今回はAngularJSのコントローラーを使ってみます。AngularJSはJavaScriptのMVCフレームワークでして、ViewがHTMLで、Modelはng-model等で、Controllerを今回紹介します。 AngularJSのControllerはJavaScriptのfunctionで表し、HTML内にng-controller属性を使…

今更AngularJSでHelloWorld

今更AngularJSでHello Worldをしてみたいと思います。 AngularJS — Superheroic JavaScript MVW Framework AngularJSはHTMLをテンプレートファイルとしてアプリケーションを組み込むような感じのJavaScriptのMVCフレームワークになるのかと思います。 使うの…

Geolocation APIで取得した現在地をGoogle Maps APIで表示する

HTML5のGeolocation APIで取得した現在地をGoogle Maps APIで地図表示してみます。 現在地の取得方法は、Geolocation APIで現在地を取得する - @thorikiriのてょりっきです。 取得した位置情報をGoogleMapの地図の中心地と、マーカーに適応させましょう。 fu…

Geolocation APIで現在地を連続的に取得する

前回(Geolocation APIで現在地を取得する - @thorikiriのてょりっき)は現在地の取得を一発行うことをやりましたので、今回は連続的に取得してみたいと思います。 モバイルでは、移動中の場所を知りたい欲求にかられると思いますし、移動しながらある一定の…

【ヒカ☆ラボ】HTML・JavaScriptでiPhone/Androidネイティブアプリが開発できる! "PhoneGap"で学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 #hikalab に行って来ました

タイトル長いですね。 増員决定!150名 【ヒカ☆ラボ】HTML・JavaScriptでiPhone/Androidネイティブアプリが開発できる! "PhoneGap"で学ぶクロスプラットフォーム対応ハイブリッドアプリ概論 アシアルの代表取締役 田中正裕氏が登壇!! : ATND もっとPhoneG…

Geolocation APIで現在地を取得する

HTML5のGeolocation APIで現在地を取得してみます。 Geolocation APIはnavigator.geolocationがあるブラウザでは利用可能になりますので、対応していないブラウザを判定する必要があります。 if (navigator.geolocation) { // 利用出来る場合の処理 } else {…

appengine ja night #23 #ajn23 に行ってきました

appengine ja night #23 が開催されます - Google Developer Japan Blog appengine ja night #23 まとめ - Togetterまとめ appengine ja night #23 が終わりました - スティルハウスの書庫 過去のメモ appengine ja night #22 #ajn22 に行ってきました - @th…

jQueryRotateで画像を回転させる

画像を回転させようと思って、jQueryのプラグインを探してみたらあったのでやってみました。 jqueryrotate - jQuery plugin that rotate images (and animate them) by any angle - Google Project Hosting 特に解説の必要はないのですが、border-radius: 50…

Androidセキュリティ勉強会(1/21)

に行って来ました。 Androidセキュリティ勉強会(1/21) on Zusaar Androidセキュリティ勉強会 と言うことで、メモを投下します。 JSSECとセキュアコーディングガイド JSSEC(ジーセック):日本スマートフォンセキュリティ協会 JSSEC | 一般社団法人日本スマ…

ActionBarSherlockを使う

Android2.XのバージョンでFragmentやらを使う場合には、android-support-v4.jarを使えば良いのですが、ActionBarはこのサポートパッケージに含まれていません。 ActionBarを使うには、別途ActionBarSherlock - Homeを使うのが一般的だと思いますので導入方法…

Tokyo GAS 〜東京でのGoogle Apps Script勉強会・交流会〜 #tokyogas に行って来ました。

Google Apps の勉強会に行って来ましたよ。 http://atnd.org/event/TokyoGAS/0 Tokyo GAS ~東京でのGoogle Apps Script勉強会・交流会~ - Togetterまとめ 以下、メモったことなどを。 事例紹介 GoogleスプレッドシートとGASでサクッと作る地域の便利マップ…

第9回HTML5開発技術勉強会 #TechBuzz に行ってきたよ

【#TechBuzz】第9回HTML5開発技術勉強会 〜HTML5ディベロッパー同士が話す場〜 Web技術のこれまでとこれから -HTML5の技術10連発- / 2013年、HTML5+WebGLはどう変わるのか? at http://socialtoprunners.jp/ #html5 : ATND 以下メモを。 Web技術のこれまでと…

Jenkins(カエル本)

を読みました。Jenkins作者: John Ferguson Smart,Sky株式会社玉川竜司出版社/メーカー: オライリージャパン発売日: 2012/02/22メディア: 大型本購入: 12人 クリック: 345回この商品を含むブログ (38件) を見るJenkinsの入門的なところから、高度な運用にい…

LESSをコンパイルする

OS: OS X 10.8.2 Mountain Lion node.js: v0.8.17 LESSのファイルをコンパイルするためには、lesscコマンドを実行する必要があります。 lesscはnpmでインストールするので、事前にnode.jsをインストールしておきましょう。 → Macにnode.jsをインストールする…

はてなダイアリー10周年おめでとう!

はてなダイアリー10周年おめでとう! 今はプライベート設定にしてしまった前のブログを始めたのが2004年だったっぽいので、結構な期間ですね。 感謝!

MacにGoogle App Engine for Java開発環境をインストールする

OS: OS X 10.8.2 Mountain Lion Eclipse: 4.2 Google App Engine: 1.7.4 MacBook Proを買ったので、開発環境を作っています。今回はGoogle App Engine for Javaの開発環境を入れましょう。 Eclipseは4.2を導入済みの前提です。 → MacにEclipseをインストール…

MacのSpotlightのショートカットキーを変更する

mac

MacでEclipseを使っていると、保管のショートカットキーより、MacのSpotlightの方が優先されてて困ったことになりますよね。 Eclipse側のショートカットを変更するか、Spotlight側のショートカットを変更するかしなければなりません。 今回はSpotlightのショ…

Macにnode.jsをインストールする

OS: OS X 10.8.2 Mountain Lion node.js: v0.8.17 MacBook Proを買ったので、開発環境を作っています。今回はnode.jsを入れましょう。 Node.jsからINSTALLボタンを押してダウンロードします。 ダウンロードしたファイルを選択して起動しましょう。 ポチポチ…

MacにTitaniumをインストールする

OS: OS X 10.8.2 Mountain Lion Titanium Studio: 3.0.0.GA MacBook Proを買ったので、開発環境を作っています。今回はTitanium開発環境を入れましょう。 Titaniumをダウンロードして使うためには、Appceleratorでユーザ登録する必要がありますので、ユーザ…

MacにGitをインストールする

OS: OS X 10.8.2 Mountain Lion Git: 1.8.1 MacBook Proを買ったので、開発環境を作っています。今回はGitを入れましょう。 事前にMacPortsをインストールしておいてください。 → MacPortsのインストールする - @thorikiriのてょりっき ターミナルを起動して…

LESSを試してみる

CSSでデザインを調整しながら開発していると、ちょっと色やサイズの修正で色々と修正しなければならないので不便で、億劫になって、まいっかって思ってしまいますよね。 LESSでは変数定義やミックスインを定義することができます。また、CSSでは、フラットな…

MacにAndroid Developer Toolをインストールする

OS: OS X 10.8.2 Mountain Lion Eclipse: 4.2 Android Developer Tool: R21.0.1 MacBook Proを買ったので、開発環境を作っています。今回はAndroid開発環境を入れましょう。 Eclipseが導入済みとしています。 → MacにEclipseをインストールする - @thorikiri…

MacにTomcat7をインストールする

OS: OS X 10.8.2 Mountain Lion Tomcat: 7.0.34 MacBook Pro OS X 10.8.2 Mountain LionにTomcat7をインストールします。 ダウンロードはApache Tomcat - Apache Tomcat 7 Downloadsからすることが出来ます。Binary DistributionsのCoreのtar.gzを選択してダ…

MacにEclipseをインストールする

mac

OS: OS X 10.8.2 Mountain Lion Eclipse: 4.2 MacBook Pro OS X 10.8.2 Mountain LionにEclipseをインストールします。 Javaが必要ですので、事前にインストールしておく必要があります。インストールされていない場合、ターミナルを開いて、javaと打ちこめ…

MacにPHP5をインストールする

mac

OS: OS X 10.8.2 Mountain Lion PHP: 5.3.20 MacBook Proを買ったので、開発環境を作っています。今回はPHPを入れましょう。 MacPortsがインストール済みとします。 → MacPortsのインストールする - @thorikiriのてょりっき さらに、Apache2とMySQLもインス…

MacにMySQLをインストールする

mac

OS: OS X 10.8.2 Mountain Lion MySQL Server: 5.5.28 MacBook Proを買ったので、開発環境を作っています。今回はMySQLを入れましょう。 MacPortsがインストール済みとします。 → MacPortsのインストールする - @thorikiriのてょりっき まずは、バージョンの…

MacにApache2をインストールする

mac

OS: OS X 10.8.2 Mountain Lion Apache2: 2.2.23 MacBook Proを買ったので、開発環境を作っています。今回はApache2を入れましょう。 MacPortsがインストール済みとします。 → MacPortsのインストールする - @thorikiriのてょりっき $ port search apache2 a…

MacにSubversionをインストールする

mac

OS: OS X 10.8.2 Mountain Lion Subversion: 1.7.8 MacBook Pro OS X 10.8.2 Mountain LionにSubversionをインストールします。 事前にMacPortsをインストールしておいてください。 → MacPortsのインストールする - @thorikiriのてょりっき ターミナルを起動…

MacPortsのインストールする

mac

新しくMacBook Proを買いました。とりあえず、色々と環境を整えないと行けませんので、インストールしているところです。 MacPortsをインストールしましょう。ちなみに、Xcodeが事前に必要らしいので、App Storeからインストールしておいてください。 公式サ…

Macbook Pro Retina 15インチ届いた

mac

今年の正月の初売りでMacbook Proをポチったのが届きました。 今まで使っていたMacbook Airは2年前のちょうど今頃買った気がしますので、約2年ぶりの更新となります。 画面も大きくなったしRetinaディスプレイになったので今まで以上に開発とか楽しくなりそ…