テックヒルズで発表した資料を公開しました。

■jQuery MobileではじめるWebアプリ開発
http://msto.jp/th2/

※iPhoneで見るとCSSアニメーションの表現を楽しめます。

■テックヒルズ2012 #2 「ネイティブアプリ」vs「Webアプリ」
http://atnd.org/events/25630

ページ内に複数のsubmitボタン(複数のform要素)があるとき、
スマフォだと2本の指で簡単に同時押しされてしまいます。
また、submitボタンを連打すれば、
ページが切り替わる前に何回も押せてしまいます。
結果、エラーになるので、その対策を紹介します。

//Source Code

$(document).ready(function(){
　$(“form”).submit(function(){
　　$(“form”).find(“:submit”).attr(“disabled”, “disabled”);
　});
});

このソースは、submitしたらページ内全てのsubmitボタンをグレイアウト、無効（”disabled”）にします。

●特徴
・連打防止になります。
・複数のform要素の対応します。
・元の<form>…<input type=”submit”></form>は書き換える必要はありません。

▽関連ページ

http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&can=2&q=

http://semooh.jp/jquery/

ctrl+atl+cでSVNのコミットできますので、自分はすごく便利と思います。

ただEclipseでSVNインストールすると、SVNのHotkeyはディフォルト使えない状態です。

それを有効するため、下記の設定は必要です。

Eclipseのメニューから【windows】⇒【Customize Perspective…】クリックして、下記画面の通り設定すれば、有効になります。

以上、Good luck.

何度かBOMのことが投稿されていますが、サクラエディタを使用するとさくっと消してしまうことができます。

htmlをサクラエディタで保存するときに、右下のほうに「BOM」というチェックできるところがあります。BOMが入っていると、ここにチェックが入っているので、チェックを外してあげると、BOMも消えます。

PG上ではよくやる「トランザクション」ですが、sshでは意外とやっていない人も多いのでは？？
DB直接更新の作業があるとき、sshでもトランザクション貼る癖をつけましょう！

コマンドは簡単。
①「begin」して、②NGなら「rollback」、③OKなら「commit」。

※ちなみにINSERTの場合のPKは、実際には「commit」の実行時点で発行されるので、commit前のselect時とは異なります。

select投げて→where句を残してUPDATE文に、とかも更新で失敗しないコツですが、所詮人間ですからね。人災回避しましょう。

BOMチェックのコード公開しているサイト

BOMチェック君

ソースをコピーして
ruby ファイル名
でソースファイル以下の階層にあるBOM付きファイルを表示してくれます

BOM見つけるの困難な時が多いので、便利です

インストールした覚えが無い「Microsoft .NET Framework Assistant」というプラグインが有効になっているとカーソルが動かなくなるくらいFireFoxが重くなることがあるようです。

ということなのでいっそのこと無効化してしまえば快適にFireFoxを使う事ができますよね！

手順

Continue reading »

SEOで大事なことは現在の自分のサイトのランキングなどを把握しておくことです。
日々変わるランキングの情報をどう管理するか。
ツールを作るのも大変ですので、オープンソースのツールを使い無料で管理をしてみましょう。

SEO関連のツールはとても少ないですが今回は定番のSEO Panelを紹介します。

Seo Panel 公式サイト
http://www.seopanel.in/
GoogleCode　Seo Panelサイト
http://code.google.com/p/seopanel/

インストール方法はこちらです。
http://code.google.com/p/seopanel/wiki/Installation

抜粋、補足をすると
あらかじめ入れるDBをCREATE DATABASEしておきましょう。
ソースをダウンロードし、アップして展開
config/sp-config.phpをパーミッションを666に
tmpディレクトリのパーミッションを777にして
ブラウザから、アップした先のinstall/にアクセス
指示に従い、利用しているデーターベース情報など入れて設定。
終わったら、config/sp-config.phpを644にもどしサイトにアクセス

Username: spadmin
Password: spadmin
で入れればインストール終了です。

安全のためinstallディレクトリは消しておきましょう。

あとはログインして管理画面でドメインなどの設定しましょう。

ドメイン情報を登録したら、

CRONで毎日更新されるよう設定しましょう

CRONの設定方法も管理画面に記載してあります。

ドメインを登録していくとこんな感じで一覧表示されます。

その他いろいろな機能がありますが、今日はこの辺で。

以前、Titanium Mobileという
スマホアプリ開発用SDKの話を聴きに行った事があったので記載します。

Titanium MobileはアメリカのAppcelerator社で開発されているスマホアプリ開発用のSDKです。
クロスプラットフォームに対応しており、 iPhone、Android、 BlackBerryに対応しています。

開発環境はMac推奨
仕様言語はjavascript

※Windowsでも出来ますが、iPhne用のアプリが作成出来ない上、
AndroidのSDKバージョンが上がるとSDKをうまく認識してくれない場合があります。

使い所としては
Webのフロントエンドアプリなどの開発に向いています。

開発はeclipseベースのIDEで開発を行います。
夏に話を聞いた時点では、
IDEでGUIベースのレイアウトを作成出来る機能を開発中と言っていました。

TitaniumのSDKに無いAPIはjavaやObjective-Cで独自に開発して作成する事が可能です。
また、作成したモジュールは販売する事が出来ます。
https://marketplace.appcelerator.com/landing

SDKに用意されている機能はkitchen Sinkというアプリからアプリ上で確認する事ができます。

ちなみにjavaを使って簡単なアプリを作った時と
Titaniumを使って作った時では100倍くらい作成時間が短かったような。

参考資料
http://code.google.com/p/titanium-mobile-doc-ja/

開発事例
zaim
http://zaim.net/

MogSnap