http://www.happytrap.jp/blogs フリーランスのプログラマーHAPPY*TRAPのWEBサイトです。 Sat, 04 Feb 2012 16:22:05 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 http://www.happytrap.jp/blogs/2012/02/05/7713/ http://www.happytrap.jp/blogs/2012/02/05/7713/#comments Sat, 04 Feb 2012 16:19:44 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7713 Mac OS X LionにAndroidアプリの開発環境を構築する方法です。 目次 環境 1.JDKのインストール 2.Android SDKのインストール 3.Eclipseのインストールと設定 Eclipseのインストール ADTプラグインのインストール SDK Locationの設定 APIのインストール 4.Android仮想デバイスの作成 5.アプリケーションの開発 6.アプリケーションの実行 環境 Mac OS X Lion 10.7.3 1.JDKのインストール まずはJDK(Java Development Kit)のインストールから、といきたいところですが、Lionは既にJDKを内蔵しています。 以下のコマンドでバージョンを確認してみましょう。 $ javac -version javac 1.6.0_29 2.Android SDKのインストール Android Developersサイトの「Download the Android SDK」ページへアクセスします。 - [Android Developers] Download the Android SDK Mac OS X (intel)のSDKをダウンロードします。 解凍して適当なディレクトリに配置します。 例) /Developer/android-sdk-macosx [...]]]> http://www.happytrap.jp/blogs/2012/02/05/7713/feed/ 0 http://www.happytrap.jp/blogs/2012/02/04/7696/ http://www.happytrap.jp/blogs/2012/02/04/7696/#comments Fri, 03 Feb 2012 16:05:44 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7696 - Typefaces iPhone/iPadに内蔵されているフォントが一覧できるアプリ「Typefaces」。 実機で実際のフォントで確認できるので便利です。 iPad版では、以下のように比較したいフォントのみを一覧できる機能もついています。サンプルの文字も変更できました。 ※iOS5には、「黒体-簡」、「黒体-繁」、「ヒラギノ角ゴ ProN」、「ヒラギノ明朝 ProN」の4種類の日本語フォントが標準インストールされているんですね。 Mobile Safari向けサイトやiPhone、iPadアプリの制作者必携のアプリです。 ◆ Typefaces は iPhone / iPad 用の高機能フォントビューワーです。 ◆ Typefaces を使えば、あなたの iPhone / iPad に入っている全てのフォントを、色々な方法でブラウズできます。 - Typefaces]]> http://www.happytrap.jp/blogs/2012/02/04/7696/feed/ 0 http://www.happytrap.jp/blogs/2012/02/02/7675/ http://www.happytrap.jp/blogs/2012/02/02/7675/#comments Thu, 02 Feb 2012 13:31:41 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7675 - [Apple] OS X Lion Mac OS X Lionでカーネルのビット数を確認する方法です。 ターミナルから以下のコマンドを実行します。 $ getconf LONG_BIT 出力結果 64 素っ気なく「64」と返ってきましたね。 Lionは64ビットカーネルでした。]]> http://www.happytrap.jp/blogs/2012/02/02/7675/feed/ 0 http://www.happytrap.jp/blogs/2012/02/02/7649/ http://www.happytrap.jp/blogs/2012/02/02/7649/#comments Thu, 02 Feb 2012 03:40:37 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7649 - [VivaTerra] Glass Piggy Bank 可愛いブタの貯金箱「Glass Piggy Bank」。 中身が見えてると貯金のモチベーションが上がるかもしれませんね。 貯まったコインはコルクの鼻から取り出すのでしょうか。尻尾まで可愛いです。 Oink if you ever had to shake an opaque piggy bank to guess how much money was inside. Welcome to our clear favorite, a see-through porker with wooden tail. Within its sturdy, handblown borosilicate glass torso, it safeguards coins until they’re easily withdrawn from its [...]]]> http://www.happytrap.jp/blogs/2012/02/02/7649/feed/ 0 http://www.happytrap.jp/blogs/2012/02/01/7616/ http://www.happytrap.jp/blogs/2012/02/01/7616/#comments Wed, 01 Feb 2012 02:51:39 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7616 - 次世代ブラウザ Firefox — 高速・安全・カスタマイズ自在な無料ブラウザ Fierfoxのバージョンが10に更新されました。 メジャーバージョンアップのサイクルは本当に早いですよね。 Firefox 10では、アドオンの互換性の改善と新しいFull Screen API、WebGLのアップデートなども含まれているようです。 ほとんどのFirefoxユーザーがバージョン10で目にする最大の変更点は、Firefoxを新バージョンに更新するたびに大半のアドオンに互換性がないと判定されることがなくなることだ。 - [CNET Japan] モジラ、「Firefox 10」をリリース–アドオンの互換性確認をより柔軟に 確かに、アドオン互換性の改善は最近のアップデートでは一番嬉しいかも。 他、開発者に朗報なのは、開発ツールにインスペクタが追加されたことでしょうか？ Chrome等では既に搭載されている機能なのでやっと追いついたといった感じですが、Chromeよりはグラフィカルです。 インスペクタの起動は、Firefoxメニューより[ツール] > [Web 開発] > [調査]を選択です。 Macのショートカットキーは、option + command + I です。 「Web 開発」→「調査」メニューでインスペクタを起動し、マウスオーバーで対象要素を選択すると、要素のボックスが強調表示され要素名、ID、クラスがポップアップで確認できるほか、画面下部に表示されるツールバーで「スタイル」ボタンを押せば要素に適用されている CSS スタイルルールの確認・編集できるパネルが右に、「HTML」ボタンを押せば HTML ソースを確認したり属性の書き換えを行えるパネルが下に表示されます。 - [Mozilla Developer Street] Firefox 10 の主な新機能を紹介します « Mozilla Developer Street しばらく、Firefox 10をメインのブラウザとして使ってみることにします。]]> http://www.happytrap.jp/blogs/2012/02/01/7616/feed/ 0 http://www.happytrap.jp/blogs/2012/01/31/7592/ http://www.happytrap.jp/blogs/2012/01/31/7592/#comments Tue, 31 Jan 2012 02:26:02 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7592 - [WoorkUp] jQuery 1.7 Visual Cheat Sheet jQuery 1.7の美麗なチートシートがアップ(2011年12月5日)されています。 jQuery 1.7 Visual Cheat Sheet (PDF) これで勝てますね。]]> http://www.happytrap.jp/blogs/2012/01/31/7592/feed/ 0 http://www.happytrap.jp/blogs/2012/01/29/7510/ http://www.happytrap.jp/blogs/2012/01/29/7510/#comments Sun, 29 Jan 2012 13:31:04 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7510 ひとつの作業に集中するためには、使用していないウィンドウを全て隠してしまうのが効果的です。 それを自動でやってくれるアプリが「Isolator」です。 いくつものウィンドウが表示されていて、見るからに集中できなそうなデスクトップも・・・ アクティブなウィンドウを残して一瞬で覆い隠してくれます！ IsolatorのOn/OffはメニューバーにあるIsolatorアイコンから簡単に切り替えられます。 ショートカット(デフォルトはShift + command + I）を使うのもよいでしょう。 ショートカットは環境設定から自由に変更できます。 ※私はDockも隠す設定で使用しています。 また、デスクトップを覆い隠すカバーの色やフェードする速度なども調整できます。 デスクトップが混沌としていて集中力を欠いている自覚がある人は「Isolator」を試してみてはいかがでしょうか？]]> http://www.happytrap.jp/blogs/2012/01/29/7510/feed/ 0 http://www.happytrap.jp/blogs/2012/01/29/7494/ http://www.happytrap.jp/blogs/2012/01/29/7494/#comments Sun, 29 Jan 2012 06:46:13 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7494 Finderに現在のフォルダまでのパス(階層)を表示する方法です。 Finderメニュー > [表示] > [パスバーを表示] を選択します。 これで、Finderの下部にパスバーが表示されます。 パスバー上の各フォルダをダブルクリックすると、 該当のフォルダが開きます。]]> http://www.happytrap.jp/blogs/2012/01/29/7494/feed/ 0 http://www.happytrap.jp/blogs/2012/01/29/7468/ http://www.happytrap.jp/blogs/2012/01/29/7468/#comments Sun, 29 Jan 2012 03:41:01 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7468 jQueryを使って、ページの先頭へスムーズにスクロールする方法です。 以下のサイトを参考にさせていただきました。 参考サイト - [daily dayflower] jQuery でページスクロール 参考サイトではアニメーションに慣性を追加したり、ページの先頭以外のアンカーにスクロールする方法などもまとめられていますので、ぜひ参照ください。 HAPPY*TRAPブログで使用したコードは以下になります。 <script type="text/javascript"> $(function(){ $('#go_to_top').click(function () { $(this).blur(); $('html,body').animate({scrollTop:0}, 'fast'); return false; }); }); </script> <a href="#" id="go_to_top"><img src="/common/image/go_to_top-off.gif" alt="このページのトップへ" /></a> 以下の環境で動作確認とれました。 Mac OS X Lion Chrome 16.0.912.77 Firefox 9.0.1 Safari 5.1.2 Windows7 IE 9.0.4 Chrome 16.0.912.77 m Firefox 9.0.1 Safari 5.1.2]]> http://www.happytrap.jp/blogs/2012/01/29/7468/feed/ 0 http://www.happytrap.jp/blogs/2012/01/29/7434/ http://www.happytrap.jp/blogs/2012/01/29/7434/#comments Sun, 29 Jan 2012 01:35:57 +0000 HAPPY*TRAP http://www.happytrap.jp/blogs/?p=7434 ブログの記事が増えてきたので検索フォームを設置しました。 といっても、WordPressの場合、 検索はクエリパラメータに「s=検索キーワード」を追加するだけです。 http://yourdomain/?s=検索キーワード ですので、HAPPY*TRAPブログの検索フォームのコードは以下になりました。 sidebar.php <form method="get" action="<?php bloginfo('url'); ?>/"> <input type="text" name="s"> <input type="submit" value="検索"> </form> 検索結果の振り分け is_search関数で検索結果かどうか判別できます。 これを利用して、HAPPY*TRAPブログでは、通常の記事一覧と検索結果の表示をindex.phpで振り分けています。 index.php <?php if(is_search()):?> 検索結果の表示 <?php else: ?> 通常の一覧の表示 <?php endif; ?> ※テーマフォルダ内にsearch.phpが存在する場合は、index.phpではなくsearch.phpが読み込まれるので注意。 検索キーワードの取得 検索結果画面で検索されたキーワードを使いたい場合は、変数sで取得できます。 <?php $s = wp_specialchars($s, 1); // 検索キーワード ?> ※wp_specialchars関数で検索キーワードの特殊文字をHTMLエンティティに変換しています。 例外処理 検索結果が1件もなかった場合も想定しておくとよいでしょう。 HAPPY*TRAPブログの場合は、他の検索キーワードで検索しなおしてもらえるように、検索結果画面にも検索フォームを表示してみました。 <?php if (have_posts()) : ?> 記事が存在する場合の表示 <?php else: [...]]]> http://www.happytrap.jp/blogs/2012/01/29/7434/feed/ 0