はてなブックマーク

Android UI勉強会―デザインから実装まで― on Zusaar 遅こ（ｒｙ オープニングあたりは聞けなかったです。メモとかまとめとか Android UI勉強会―デザインから実装まで #androui419 - Togetterまとめ タダだったので、懇親会も出たかったのですが、諸事情によりすぐ帰りました。 エクストリームフラグメントUIプログラミング 資料 事前に見ておくと良い資料 → Fragment を使ってみよう ABC2012 Springの資料 → http://www.android-group.jp/conference/abc2012s/files/2012/03/abc2012s_yanzm.pdf GDD 2011 Japanの資料 → Fragment を使ってみよう 第3回名古屋Android勉強会 Fragment基礎講座/ハンズオンの資料 → %E7%

Slim3のリポジトリがGoogle CodeからGithubに以降になったようです。 Slim3/slim3 · GitHub 今までMavenでSlim3プロジェクトを作ることが多かったのですが、今までのやりかたはこんなでした。 $ mvn archetype:generate -DarchetypeCatalog=http://slim3.googlecode.com/svn/trunk/repository $ cd projectname $ mvn eclipse:eclipsegithubに以降になったことで、この方法では今後古いものしか取れなくなりそうですね。なので、Githubではどうしましょうか？の手順です。 まずは、Cloneします。 $ git clone https://github.com/Slim3/slim3.git私の環境では、/Users/thoriki

独自イベントを作って、ライブラリ側で発火させて、アプリ側ではそこでハンドリングしたくなるよね。 それをやってみようってことですね。 パターン１：イベントオブジェクトにパラメータをセットする eventsample.js（ライブラリ側） (function($) { // ボタンをクリックしたらイベントを発火させる // こんな程度ならクリックイベントで実装した方が早いわけだが・・・ $('#button').click(function(ev) { // イベントオブジェクトを作る。イベント名と、パラメータを設定する。 var event = new $.Event('hoge', {color: 'red', message: 'Yes!!'}); // イベントを発火させる $('div').trigger(event); }); })(jQuery); eventsample.htm

appengine ja night #23 が開催されます - Google Developer Japan Blog appengine ja night #23 まとめ - Togetterまとめ appengine ja night #23 が終わりました - スティルハウスの書庫 過去のメモ appengine ja night #22 #ajn22 に行ってきました - @thorikiriのてょりっき appengine ja night #ajn21 に行ってきました - @thorikiriのてょりっき 初めてGoogle本社に行って来ました。 と言うことで、メモったことなどを投下します。 Optimizing Your App Engine App (with Appstats) 資料 → http://proppy-appstats.appspot.com/ App

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のてょりっき ターミナルを起動して、Subversionを確認しましょう。 $port search subversion 今回は、1.7.8のバージョンのインストールになります。 それでは、インストールしてみましょう。 $sudo port install subversion Warning: The Command Line Tools for Xcode don't appear to be installed; most ports will li

Documentation | jQuery Validation Plugin jQueryのプラグインでValidationプラグインがあります。クライアントチェックをする上で非常に便利なプラグインですね。 しかし、jQueryでAjaxなアプリを作っていると、画面遷移をしないようにするために、formタグを書かない事がありますが、Validationプラグインを使うとformタグを書かなければなりません。 formタグがあるとjQuery.ajax()を読んだ後にformをPOSTしたりGETしたりしてしまいます。これは望ましくない。 $('#registerForm').validate(); $('#registerButton').submit(function() { $.ajax({ // parameter set }) .done(onRegister) .fail(o

Twitterアプリケーションでは、最新の情報をどうやって取得してくるかってのが割りと課題になったりしますよね。定期的にAPIを叩いて最新情報を取得するようにするとか、ユーザに更新ボタンを押させる（やそれに準ずる操作）とか。 で、TwitterのStreamingAPIなら、つなげたまま、新しいTweetが勝手に送られてくるような事が出来るようです。 今回はTwitter4Jで、とあるハッシュタグに関連するツイートをコンソールに垂れ流してみるってのをやってみたよ。 Twitter4J - コード例 の一番下にStreaming APIの使い方が簡単に書かれてます。けどちょっと古いんですかね、TwitterStreamFactoryにStatusListenerを引数とするコンストラクタは見当たりませんでした。 // Twitterインスタンスと違ってTwitterStreamは後で認証情報

appengine ja night #25 を開催します - Google Developer Japan Blog appengine ja night #25まとめ - Togetterまとめ 過去のログ appengine ja night #24 #ajn24 に行ってきました - @thorikiriのてょりっき appengine ja night #23 #ajn23 に行ってきました - @thorikiriのてょりっき appengine ja night #22 #ajn22 に行ってきました - @thorikiriのてょりっき appengine ja night #ajn21 に行ってきました - @thorikiriのてょりっき 会場についたらすでにピザが用意してあってビックリしました。 というわけで、メモです。PC忘れて行ったので、手書きの書き起こし。つらい

RailsAdminって便利ですね。管理が非常に楽になります。 RailsAdminを使っていたところに、concern modulesを組み込んでみました。 すると、今まで動いていたRailsAdminが動かなくなるという現象が発生しました。 RuntimeError in RailsAdmin::MainController#dashboard Circular dependency detected while autoloading constant Concerns::Hogehoge Extracted source (around line #6): previous_level = Rails.logger.level Rails.logger.level = Logger::ERROR if env['PATH_INFO'].index("/assets/") == 0

NFCLab主催のNFC勉強会に行ってきました。六本木ヒルズのKLabさんのとこで行われました。 第1回 NFC勉強会 : ATND NFCラボ主催 第1回NFC勉強会まとめ - Togetterまとめ Twitter上でもつぶやいてて、Togetterにまとめが作られてますけれども、その他のメモしたことを書いておきます。 NFC基礎の基礎 資料：3.17 第1回nfc勉強会 NFCとは？ 特徴 かざす、ヒューマンインタフェース、体を使った使い方。 カード型が一般的だけど、形状を変えられる。 使い方 交通系XXCaばっかりじゃん WAON,ななこ、Edyとか、免許、住民基本台帳など 仕組みは？ 電池は不要です。電池があるものもある。半永久的に使える。電磁誘導方式。 二組のコイルと近づけたり遠ざけたりすることで電気が発生する。 端末は？ Android GS2、GN・ブラックベリーも。 何が

appengine ja night #22 on Zusaar appengine ja night #22 まとめ - Togetterまとめ 前回のメモ → appengine ja night #ajn21 に行ってきました - @thorikiriのてょりっき Google Cloud Platformの海外エンタープライズ事例紹介 Google エンタープライズ AppEngine ComputeEngine（来年ですね） CloudStorage BigQuery（テラバイト級のデータを） 各種API Cloud SQL Transate API Prediction API エンタープライズ クラウドプラットフォーム のサービス プレミアムサポート 請求書払い 日本語サポートなど 事例 The Royal Wedding http://www.officialroyalwe

sessionStorageとlocalStorageって便利なんだけど、ちょっと不便なところがあるので、もっと便利にしてみようと思って作りましたよ。 不便な点は次の通り 有効期限の設定をすることが出来ない 暗号化・復号化をしてから出し入れしないとダメ 文字列形式でしか保存されないのでJSONを文字列化したりパースしてから出し入れしないとダメ 基本的な使い方はこんな感じ // 今まで通り（風）の使い方（暗号化されます） $.sessionStorage.setItem("key", "value"); var val = $.sessionStorage.getItem("key"); $.sessionStorage.removeItem("key"); $.localStorage.setItem("key", "value"); var val = $.localStorage.ge

CSS3で千鳥格子を作ってみました。ChromeとFireFoxで確認しました。手元にあるIE9では表示されませんでした。 結構頑張ったつもりです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>千鳥格子</title> <style> div#canvas { width: 600px; height: 600px; background-color: #ffffff; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-position: 0 0, 15px 15px, 0 0, 15px 15px, 0 0; background-image: -w

なるべくネイティブ感を出したいので、jQueryMobileを使っているのですが、現状では2カラムのデザインってあんまり無いようなんですよね。 参考にしているデザインはiPadの設定アプリの画面の感じです。 jQueryMobileのバージョンは、1.1.1です。 骨組みを作る まずはHTMLファイルを書いていきます。基本はjQueryMobileのLayout gridsです。 sample.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1"> <title>jQueryMobileでiPadのような2カラムデザ

http://d.hatena.ne.jp/t-horikiri/20121102/1351846142 前回はファイルをダウンロードしてみました。画像や動画の場合はファイルを保存するだけではなくて、実際に参照したいですよね。 今回はダウンロードした画像ファイルなどを表示させてみようと思います。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="js/cordova-2.0.0.js"></script> <script src="js/jquery-1.8.1.js" ></script> <script src="js/sample.js"></script> </head> <body> <img src="" id="image" /> </body> </html> function viewI

東京Node学園 7時限目 - connpass 東京Node学園 7時限目 - Togetterまとめ メモったことを書き残しておきます。 学園祭告知 11/18に法政大学で東京Node学園 学園祭を行います。 公式サイトはこちら→東京Node学園祭2012 申し込み開始しています 学園祭は無料、後夜祭は有料 セッションとLTの講演者も募集中 盛り上げるためにAdventCalendar的なものも行います lev 資料→Lev lev connectFree/lev · GitHub Lua向けのイベントベースIO プラットフォームです 特徴 早い 低メモリ 簡単にCのライブラリと統合出来る levはLuvitをForkしてるけど、ほぼフルスクラッチで書いています。 Apache2.0ライセンス 開発者からのビデオメッセージ NodeはV8エンジンで動いていてスゲー！楽しい！けどね。。。

クックパッドで開催されたAndroid Casual Talks #1に行ってきました。 美味しいタイカレーも頂きました。 Android Casual Talks #1 : ATND Android Casual Talks #1 #androidcasual まとめ - Togetterまとめ 以下、メモを。 クックパッドの開発環境について 以前の状況 開発者が1人だった 規約無し 手動ビルドだった などなど問題があった 属人性を下げるために 快適にコードを書くために 継続的に改善するために コーディング規約 コーディングスタイルが統一されていなかった Prefixのmがついていたり、ついていなかったり 開発者が1人だが、ずっと同じ人と言うわけではなかった サーバ側のRubyチームのコーディングガイドラインなどは、Github Enterpriseで管理されていた AndroidのJa

Google Apps の勉強会に行って来ましたよ。 http://atnd.org/event/TokyoGAS/0 Tokyo GAS ～東京でのGoogle Apps Script勉強会・交流会～ - Togetterまとめ 以下、メモったことなどを。 事例紹介 GoogleスプレッドシートとGASでサクッと作る地域の便利マップ 病院マップをGASで作りました。 普通ではあれば データベースに病院情報を入れて、サーバのプログラムで表示するのが一般的ですね。 データベースにすると、メンテナンス画面が必要になったりする。 それにコストがかかるので、AppsのスプレッドシートをDBの代わりに使います。 Excel使える人は多いので、わりと誰でも編集が可能になりますね。 自動化が出来る。 スケジューラで自動起動も出来る。 スプレッドシートに住所を入れると、自動的に緯度経度を計算するスクリプト

スワイプイベントだけとか、カルーセルだけとかってのはあるんだけど、両方搭載してるのが見当たらなかったので、作ってみただけですけどね。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>カルーセルサンプル</title> <link rel="stylesheet" href="styles/bootstrap.min.css" /> <link rel="stylesheet" href="styles/bootstrap-responsive.min.css" /> <script type="text/javascript" src="scripts/jquery-1.7.2.min.js"></script> <script type="text/javascript" src="scripts/jqueryp

<input type="file">で指定したファイルを取得するのは、ev.target.filesで取得出来ます。複数選択することも可能なように出来るので、配列になっています。今回は1つだけです。 後はFileReaderを使って読み取って、Canvasに描画します。FileReaderのonloadでImageのsrc属性に取得したdataURLを設定する。ImageのonloadでcontextにdrawImageすればいいですね。 サンプルコードは次の通り。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>画像表示</title> </head> <body> <div id="wrapper"> <input type="file" name="file" id="file"> <div