タグ

ブックマーク / blog.asial.co.jp (17)

  • ツールチップjQueryプラグイン「qtip」を使ってみました

    皆様、こんばんは。 笹亀です。 先日、自分の開発用のサーバがお亡くなりになられて、悲しい気持ちでちゃんと供養をさせていただきました。 話は変わりますが最近、Safari4が正式リリースされ、早速ダウンロードして使わせていただいております。体感速度で若干速くなったような気がしています。見た目でも変わっていて楽しませてもらっています。 今回は、jQueryのプラグインのひとつで「qtip」を使ってみました。ツールチップ形式でポップアップで手軽に実装でき、奇麗に表示することができるのが特徴です。実際に使用したスクリプトと一緒に使った方法のご紹介をしていきます。 「qtip」を使うには「jquery-1.3.2min.js jquery.qtip-1.0.0-rc3.min.js」を読み込めばすぐに使えます!下記のURLからダウンロードできます。 http://craigsworks.com/pr

    ツールチップjQueryプラグイン「qtip」を使ってみました
    gnnk
    gnnk 2009/06/11
  • iPhoneアプリ開発にかかせない静的解析ツール「clang」

    こんにちは、中川です。 今回は、最近行っているiPhoneアプリの開発で非常に便利な ツール「clang」というものがありましたのでご紹介したいと思います。 iPhoneアプリではPHPとは違いメモリの扱いが非常に重要になってきます。 allocしたものの、リリースをしていないが為に、メモリリークをおこし、 実行が非常に遅くなったり、フリーズしたりということがおこってきます。 よく気をつけてコードを書いていても、うっかりということがありので、 コードの静的解析をおこなうツールというものは非常に役にたちます。 では、早速使い方を。 まずは、以下のページからclang (checker-132.tar.bz2)をダウンロードし解凍します。 LLVM/Clang Static Analyzer 解凍した中身を /usr/local/bin/に全て配置します。 (/usr/local/binにPA

    iPhoneアプリ開発にかかせない静的解析ツール「clang」
    gnnk
    gnnk 2009/05/07
  • IBを使わずに作るiPhoneアプリ作成入門:第3回

    こんにちは、亀です。 やっとこさの第3回です。また少し期間が空いてしまいました。 第1回:http://blog.asial.co.jp/502 第2回:http://blog.asial.co.jp/531 今回から、前回予告していたメモリ管理周りについて、iPhoneではどのように扱っているかを説明します。 そのために、今回はまずiPhone/Objective-Cでの基的なメモリ管理の仕組みについて説明します。 また、次回もメモリ管理周りのメソッド説明とかになります。 このあたり、全体的に教科書っぽい話で、コードの説明はあまり出ません。ごたくが長くなるので、読み疲れ内容に細切れに出していこうかと思っています。 Objective-Cにおける、メモリの確保と開放 普段PHPなどのようなLL言語を扱っていると、なかなかメモリの確保と開放という話は縁がありません。 そういった内容は、P

    IBを使わずに作るiPhoneアプリ作成入門:第3回
    gnnk
    gnnk 2009/03/06
  • IBを使わずに作るiPhoneアプリ作成入門:第2回

    こんにちは、亀です。目下の悩みはブログのタイトル欄の短さです。サブタイトルつけると長すぎてダメぽ! そんなことはさておき、前回はそこそこ反響をいただいたようで、ちょいちょいとiPhoneアプリ開発の連載を続けていこうかと思います。 最初は続きを書くか迷っていて、忙しさもあってちょっと間が空いてしまいましたが、これからはできるだけちょこちょこと書いていけるようにしていきます。 第1回はこちら:http://blog.asial.co.jp/502 第2回に今さら言うのもアレですが、全体の流れとしては、まずはいろんなView / Controllerの使い方を説明し、個別の機能を理解するとともに、iPhoneアプリケーションで採用されているMVCフレームワークの構造を紹介していきます。 それが終わった後で、何かそこそこ楽しめそうなアプリ作成を順を追って説明できればいいかな、なんて思っています

    IBを使わずに作るiPhoneアプリ作成入門:第2回
    gnnk
    gnnk 2009/03/06
  • Interface Builderを使わずに作るiPhoneアプリケーション作成入門

    こんにちは、亀です。 最近では、だいぶiPhoneアプリ開発に関するチュートリアルも日語で散見されるようになってきて、以前よりも状況は改善されてきたかなーと思います。 そういった様々なチュートリアルが出てくる中でちょっと気になったのは、どれもこれもInterface Builder(IB)ばりばりに活用しようぜ!なチュートリアルだということ。 多分やり方的には正しいんですが、正直なところ自分がiPhone開発をしていく上で一番苦労したのがIBでした。 ぶっちゃけていうと、iPhoneのフレームワークであるUIKitなどの挙動や感覚がわからないうちからIBを使いこなすのは結構大変なんじゃないかなぁ、と思うのです。僕がへっぽこなだけかもしれませんが。 というわけで、チュートリアル読んだけど結局 IBチンプンカンプンで開発とかできねーYO!!という方、および一度に二つのことを覚えられないOb

    Interface Builderを使わずに作るiPhoneアプリケーション作成入門
    gnnk
    gnnk 2009/03/06
  • PHPスクリプトの遅い部分を簡単に見つける方法

    extension=xdebug.so xdebug.profiler_enable = 1 xdebug.profiler_output_dir = /tmp と設定して、apacheのリロードを行えばXdebugが動作します。 これで、あとは、ブラウザで調査したいページにアクセスすれば、 /tmp/ 以下にプロファイルデータが作成されていきます。 次にプロファイルデータの閲覧の為に、 http://sourceforge.net/projects/wincachegrind/からWinCacheGrindをダウンロードしてwindowsマシンにインストールします。 あとは、WinCacheGrindで作成されたファイルを取り込めば、関数ごとの 実行時間をたどりながら確認することができます。 ※WordPress2.7.1日語版インストール直後のTOPページで試してみた場合です。 We

    PHPスクリプトの遅い部分を簡単に見つける方法
    gnnk
    gnnk 2009/02/28
  • TextMateで全角スペースと半角スペースの区別ができるようにする

    こんにちは。先日、我慢しきれずに、MacBookを購入してしまった橋です。 開発環境がMacになったということで、最近はTextMateを使って開発をしているのですが、 TextMateを使ってコーディングをしていると、ぱっと見問題なさそうなコードなのにバグが出て、調べてみると全角スペースが隠れていたということがよくあります。 TextMateは元々マルチバイト文字に対応していないため、日語を無理やりまともな形で表示させると、全角スペースと半角スペースが等幅で表示されてしまい、一見半角なのか全角なのか判断がつきません。 そこで、今回はTextMateで全角スペースと半角スペースを見分けるために、全角スペースをハイライト表示するという設定を紹介します。 設定は以下の手順で行います。 (今回はHTMLファイルで表示させるための設定を例にすすめます。) 1.TextMateのメニューから、「

    TextMateで全角スペースと半角スペースの区別ができるようにする
  • DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました

    こんにちは。Windowsの最大の発明はゴミ箱の標準装備だと思っている亀です。 追記:Mac信者の某氏にゴミ箱はWindowsの発明じゃないと突っ込まれてしまいました。すみません<(。_。)> 昨日はグリーさんのオープンソース勉強会に参加してきました。 今回の講師はDeNAの川崎さんで、わりとモバイル屋さんな自分としてはぜひともチェックしておきたいなと思って参加してきました。 勉強会・懇親会ともなかなか面白い話が聞けたり、変な人がいっぱいしたりしてとても面白かったです。 モバイルをやっているといつも面倒なのは、テンプレートの扱いです。 そのあたりのまとめは以前このブログでうちの高橋さんが超まとめてくれた記事があるので、そちらをご参照ください。 とくにDoCoMoのCSS(i-CSS)は開発者泣かせですね。インラインのみに対応とか、開発しにくくて涙ちょちょぎれそうです。 さてさてそんなDo

    DoCoMo向けにCSS指定をインラインに埋め込むPHPライブラリ「toInlineCSSDoCoMo」作りました
    gnnk
    gnnk 2008/07/09
  • jQueryで長いURLやメールアドレスを折り返して表示する

    こんにちは、笹亀です。 MacBookを購入して1ヶ月経ち、操作やアプリケーションなどにも慣れてきたのですが、先週の火曜日になにもしていないのに、液晶に謎の線が現れ、故障してしまいました。先週の金曜日に業者に無償修理に出していたのですが、MacBookの液晶が新品に変わって戻ってきました。Macの修理の対応の早さに驚きました。ありがたいことです^^ Firefoxでは、URLやメールアドレスなどの長い半角英数字をtableタグのtdタグなどに入れた場合に折り返して表示することができずに重なって表示されていまう場合があります。先日、Firefoxの上記の仕様でデザインが崩れると報告をいただいた際に対応した方法をご紹介したいとおもいます。 以前のブログでご紹介した通り(http://blog.asial.co.jp/202)、IEやSafariでの半角英数字のCSSを使用して自動折り返しを

    jQueryで長いURLやメールアドレスを折り返して表示する
    gnnk
    gnnk 2008/06/03
  • jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる

    こんにちは。サイフをなくしてヘコんでいる松田です。 今回はトレイン・トレインで使用することになった、入力補完ライブラリ「jquery.suggest」を使ってみたいと思います。 入力補完機能とは、テキストフィールドにある程度文字を入力すると、その文字が含まれた単語のリストを表示してくれるという機能です。サジェスト機能とも呼ばれます。 Googleサジェストを使ってみればどんなものか分かると思います。 「javascript suggest」などで検索してみると、 ・suggest.js ・AjaxAutoSuggest ・jquery.suggest などなど、いくつか候補が出てきます。 この中から選別したわけですが、suggest.jsはサーバーと通信を行わなずに、最初に読み込んだリストから取り出すだけなのでダメ、AjaxAutoSuggestはデザインが凝り過ぎでトレイントレインの雰囲

    jQuery用プラグイン「jquery.suggest」を使って入力補完機能を実装してみる
    gnnk
    gnnk 2008/05/15
  • symfonyの携帯絵文字プラグインを作りました。

    こんにちは、亀です。 最近はあつまろ☆ねっとで携帯のことをあれこれやっているのもあって、携帯回りの事に妙に詳しくなってきました。 あつまろ☆ねっとは携帯向けの掲示板とメーリスを備たサイトとして考案していたので、必然的に絵文字周りは ・HTMLコーディング時の容易な入力 ・最低3キャリアの絵文字相互変換 ・auからのメール絵文字の解析 等が必要とされることになり、やっぱしっかり作らないとだめだなぁ、と思ってあつまろ☆ねっと開発の傍らで絵文字ライブラリの作成を行っていました。 で。。。最初は普通のライブラリとして作成していたんですが という何処からともなく湧き出た声に従って、symfonyのプラグインとして実装してみました。 前からずーーーと作りかけのものが放置プレイ状態になっていたんですが、きっかけもあって一通りプラグインとして用をなすところまで作りました。 ファイルはこちら: sfPic

    symfonyの携帯絵文字プラグインを作りました。
  • 絵文字ライブラリをPEARパッケージ化&sfPictogramMobilePluginをバージョンアップしました。

    絵文字ライブラリをPEARパッケージ化&sfPictogramMobilePluginをバージョンアップしました。 こんにちは。相変わらず携帯ネタで引っ張る亀です。 先日、第32回PHP勉強会へ参加してきました。 詳細はid:maru_ccさん、id:sotarokさんなどなど大勢の方がブログに書いてくださっているので割愛しますが、なんだかEthnaの話とPHP以外の話が非常に多い会でした。 そのなかでid:maru_ccさんがEthnaでの携帯サイト構築の話をしてくださったのですが、結構いろいろな質問が飛び交っていて、やっぱりもっと携帯周りの情報共有が進むといいのにね、もったいないよね、という話を何名かの方としていました。 そんな話に少しばかり触発されて、絵文字プラグインを公開していた自分としても、もっといろんな人の役に立ててもらいたいと思って、syfmony用のプラグインだったものを

    絵文字ライブラリをPEARパッケージ化&sfPictogramMobilePluginをバージョンアップしました。
  • 3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ

    最近ケータイサイトの開発を行っているのですが、キャリアや機種によって動作にいろいろと違いがあり、なかなか面倒ですね。 キャリアごとにテンプレートを分けて記述するのは手間なので、基的に共通テンプレートで記述したいところですが、どうしても振り分けをしないと駄目なこともあるため、今回やってみて気がついた違いなどについてまとめてみました。 なお、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象としています。 ■文字コード UTF-8で統一して大丈夫そうなのですが、DoCoMoのみ特定の文字(三点リーダーや丸数字など)をフォームから入力した場合に消えてしまったりするようですので、DoCoMoは入出力をShift_JISにする必要があります。 ※上記で特定の文字のひとつとしてあげました三点リーダーですが、UT

    3キャリア対応ケータイXHTMLのTIPS 8つ : アシアルブログ
    gnnk
    gnnk 2008/04/14
  • 携帯でGoogleMapを手軽に表示するPHPクラス : アシアルブログ

    皆さん、こんにちは。 笹亀です。 === 追記:みなさんからのたくさんのはてブをしていただけているので、せっかくなのでちょっと宣伝させてもらいます。 弊社の携帯コンテンツとして、携帯専用イベント支援サイト「あつまろ☆ねっと」というサービスを開始しました。「あつまろ☆ねっと(http://www.atmr.jp/)」は現在ベータ版ですが、ぜひぜひ利用してみてください。 後、恥ずかしながらPHPを出版することになりました。 ご興味のある方、気になる方、こちらもよろしくお願い致します^^ http://www.amazon.co.jp/exec/obidos/ASIN/4798114383/ === 遅くなりましたが、明けましておめでとうございます。 今年度もよろしくお願い致します。 先日ですが、毎月恒例の誕生日会を行いました。 メンバーの誰かが毎月誕生日を迎えるので、アシアルで毎月行ってい

    携帯でGoogleMapを手軽に表示するPHPクラス : アシアルブログ
  • 絵文字データベースと相互変換マッピングデータベースのJSONファイルを公開します。

    こんにちは、亀です。 === 追記:みなさんいっぱいはてブしてくれたようなので、せっかくなのでちょっと宣伝です(^^; この絵文字データベースは、携帯専用イベント支援サイト「あつまろ☆ねっと」というサイトの、メーリングリスト連動型の掲示板を構築していく過程で出来上がったものです。 「あつまろ☆ねっと」は現在ベータ版ですが、ぜひ利用してやってください<(。_。)>ペコリ === 携帯サイト作成の際に頭を悩ます最初の関門が、絵文字の取り扱いだと思います。 各社とも絵文字のデータ形式や相互変換表などを公開してくれていますが、取り扱いやすいデータ形式で統一的にまとめてある情報がなかなか存在しなかったりして、車輪の再発明が非常に多い分野ではないかな、という気がしました。 そこで、どうせなら利用しやすいようにきっちり整理しようと思い、各種文字コードや表示形式を統括的に扱う絵文字データと、それらの絵

    絵文字データベースと相互変換マッピングデータベースのJSONファイルを公開します。
    gnnk
    gnnk 2008/01/16
  • Smartyのバグ ~default_modifiers~

    わかりやすいネタのほうがソーシャルブックマーク数が稼げるからこういうネタを掲載するわけじゃないです。 そう、ぼくはただこの土日を使って社内のイケメンリストを作りたかったんです。 硬派なぼくはerror_reportingは常時E_ALLだし、クロスサイト・スクリプティング(以下XSS)の脆弱性を産むようなミスは犯したりしないゼ。 へなちょこでもいい。たくましいプログラミングをしたいんだ。 しかし悲劇は起こりました。 1 イケメン一覧スクリプトを作成する まず、Asial社内のイケメンリストを配列に持ち、Smartyのassignメソッドで配列をテンプレート変数に割り当て。 また、XSSの脆弱性を未然に防ぐため、Smartyのdefault_modifiersにescapeをセットし、自動的にhtmlspecialchars関数がかかるように設定します。 ikemen_list.php <?

    Smartyのバグ ~default_modifiers~
  • FirebugでPHPをデバッグするツールまとめ

    こんにちは、亀です。最近は体調がすこぶる絶不調です。季節の変わり目なので、皆さんも気をつけてください。 さて、ちょろちょろと話題に上ることの多いFirefoxを使ったPHPのデバッグ手法ですが、いくつか出てきたのでこの辺でサクッとまとめておこうかと思いました。 結果的に、だいぶ膨らみましたが。。。まとめ力ないなorz 1.Buggy クラス AJAX magazine というサイトで公開されていたサンプルスクリプトで、クラス1つだけの小さなライブラリです。 以前、PHPプロ!ニュースでもご紹介した方法です。 この方法は、PHPのエラーをハンドリングし、その内容をscriptタグに出力し、console.info()を用いてFirebugのコンソールに渡す、という仕組みです。そのため、Firebugは必須です。 記事掲載当時は、buggy.class.phpがダウンロードできたのでしょうか

    FirebugでPHPをデバッグするツールまとめ
  • 1