Macでimode絵文字 表示したり入力したりする方法 - ひとりまとめ
お仕事の都合で携帯のimode絵文字を書いたり見たりする機会があるんですけど、いかんせんWindows用のツールばかり。Macでは□に化けてしまってなんにも見えない。 このためだけにParallelsを起動するのもなーって思っていたら、ありました！ 参考にしたのはこちら http://d.hatena.ne.jp/sorasemi/20060413 まずは表示の方法。 こちらから「ｉ絵文字」というのをダウンロードさせていただく。 http://www.sunsale.co.jp/iemoji.htm 問題はこの解凍。StuffItとかでは解凍できない。 そこで登場するのがMikuInstallerなのだ！ http://mikuinstaller.sourceforge.jp/ MacでWindowsアプリを実行させるWineをおてがるに使えるもので、もともとは名前の通りボーカロイドの初音
CakePHP HTML_Emojiで絵文字変換 - 130単位
携帯絵文字変換ライブラリ HTML_Emoji - libemoji.com http://libemoji.com/html_emoji 仕様 3キャリア共通ソースコード(UTF-8) 絵文字はDoCoMoのUnicode16進表記で記述 絵文字および文字コード自動変換 コード HTML_Emojiをvendorsに配置して、AppControllerのみでいけます。 <?php class AppController extends Controller { function __construct() { App::import('vendor', 'HTML_Emoji', array('file' => 'HTML' . DS . 'Emoji.php')); $emoji = HTML_Emoji::getInstance(); if ($emoji->isMobile())
モバイルサイトの3キャリア共通CSSと最新コーディング事情 : LINE Corporation ディレクターブログ
こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.
これからゆっくり考L +α
先日から提供が開始されたAdobe Creative CloudのCCシリーズ。 とりあえず色々インストールしてみました。 まだそんなにガッツリと使い込んではいないのですが、Photoshop CCでぐっときた機能をご紹介。 透過pngで書きだしたい画像に乗算やオーバーレイや焼きこみカラー...などなど、描画モードが「通常」以外のものが使われていること、ありますよね？ 書きだしてから 「あれ...なんかデザインと違う...まさか...。あーやっぱり乗算だったー（泣」 っていうこと、ありますよね？（私だけですか...） 自分でちょちょいと修正できるときはいいんですけど、どう考えても無理な時とか、あまりに色々なところに乗算などを使われていると、 「次からはできればもうちょっと気をつけていただけるとありがたいです！」 と言いたい。 がしかし、なんで描画モード変更しちゃいけないの？と言われるとうま
Zend_Http_UserAgentでの個別デバイスクラスの記述 - 例えば、PHPを使う
Zend Framework1.11では、Zend_Http_UserAgentというブラウザデバイスの各種情報取得判定のためのコンポーネントが登場しますが、現状デフォルトで用意されているデバイスクラス(Zend_Http_UserAgent_Deviceインターフェイスの実装)以外のクラスを用意したい場合の利用メモです。ここでは、ガラパゴスというiPhoneとかBlackべりーとかのとはちょっと世界の世間とは隔離されたデバイスに関して処理したい場合のクラスを用意してみます。 サーバー情報は、(ZFの他のコンポーネント同様に）Zend_Http_UserAgentのインスタンス生成時でのコンフィグ用引数にあればそれを使用し、ない場合は$_SERVERグローバル変数です。 デバイス取得情報などは一旦storageに格納したものを使い回すようです。デフォルトはSessionです。 ユーザ定義の
高木浩光＠自宅の日記 - 今こそケータイID問題の解決に向けて
■ 今こそケータイID問題の解決に向けて 目次 ソフトバンクモバイル製のiPhoneアプリがUDIDを認証に使用していた件 Web開発技術者向けの講演でお話ししたこと 研究者向けの講演、消費者団体向けの講演でお話ししたこと 総務省がパブリックコメント募集中 ソフトバンクモバイル製のiPhoneアプリがUDIDを認証に使用していた件 6月初めのこと、ソフトバンクモバイルが「電波チェッカー」というiPhoneアプリを直々に開発して、iTunesストアで配布を始めたというニュースがあったのだが、それを伝えるITmediaの記事で、「取得された電波状況情報はiPhoneのUDIDとともにソフトバンクモバイルに報告される」と書かれているのが気になった。*1 「電波チェッカー」で検索して世間の反応を探ったところ、ソフトバンクモバイル社のCTO（最高技術責任者）の方が、Twitterで直々に市民と対話な
ktailibrary.org
RedmineKtai Libraryのバグトラッキングサイトです。 携帯サイトを作成する場合、一般的には各キャリア向けにHTMLを作成し、それを振り分けして表示する仕組みを採用していたと思いますが、最近の携帯では、いくつかの仕様を除いてほぼ同じHTMLを閲覧することが可能になってきています。そこで、その「いくつかの仕様」についてを解決できるような仕組みができないものか…という経緯から、本ライブラリが生まれました。CakePHPにて利用されることを想定していますが、ライブラリ単体は他のPHP環境で利用することが出来ます。 詳しい情報はおよびダウンロード方法はこちらにて公開しています。 ▼Ktai Library for CakePHP1.2 http://blog.ecworks.jp/ktai 最新ニュース Ktai Library 0.x: バージョン0.2.3公開(2009/03/2
携帯版Twitterサイトへのステータス付きリンク
携帯版Twitterサイトにステータス付きリンクを貼る方法です。 Webサービスやblogによくある「Twitterで報告する」といったリンクですね。 クリックするとTwitterページに遷移して、ステータス（つぶやき）を入れるテキストエリアにすでにメッセージが入っています。あとは「UPDATE」をクリックするだけで、つぶやくことができます。 PCだと「http://twitter.com/home?status=AAA」がおなじみなのですが、この方法だと携帯版（twtr.jp）ではステータスがうまく引き継げずにstatus=AAAの内容がテキストボックスに入りません。 携帯版ではリンクの記載方法を変えることにより、同じ動作が可能です。 携帯版ステータス付きリンク これはリンク先とパラメータが変わるだけです。 http://twtr.jp/status/create/?text=XXX X
mod_chxj プロジェクト日本語トップページ - OSDN
国内の主要携帯(3キャリア)向けコンテンツ変換ミドルウェアをApache2.x用のモジュールとして作成します。CHTMLや通常のHTMLで作成したコンテンツを出力時にUserAgentを見てそれぞれの端末用に変換します(画像はJPG、GIF、PNGからJPG、GIF、PNG、BMPへ)。QRコード生成機能付。 使い方などについては プロジェクトWiki を参照ください。 ダウンロード 最新リリース 0.12.x-source 0.12.42 (日付: 2013-02-12) 0.12.x-centos-5 0.12.41 (日付: 2011-07-05) 0.12.x-debian-squeeze 0.12.41 (日付: 2011-07-05) 0.12.x-source 0.12.41 (日付: 2011-07-05) 0.13.x-centos-5.5 0.13.4 (日付: 201
Microsoft、独自携帯電話「KIN」発表 SNS機能を充実
米Microsoftは4月12日、同社独自のWindows携帯「KIN」を発表した。コードネームで「Project Pink」と呼ばれていたSNSのヘビーユーザー向けのデバイスだ。 「KIN ONE」「KIN TWO」の2機種を投入。いずれもタッチスクリーンとスライド式キーボードを搭載する。OSは、米メディアによると、Windows Phone 7をSNSユーザー向けにカスタマイズした特別なバージョンという。ONEは片手で操作できるポケットサイズで、500万画素カメラを備える。TWOはONEよりも大きく、高精細（HD）動画を撮影可能な800万画素カメラを搭載する。端末製造はシャープが担当し、米国では5月にVerizon Wirelesから、ドイツ、イタリア、スペイン、英国では秋にVodadoneから発売する。
3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ
エックスサーバー サーバー初期ページ
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
[携帯]tableを中央揃えにする │ これからゆっくり考L +α
モバイルサイトでtableを中央揃えにする方法です。 ちなみに、docomoのtable対応はxhtml2.0以降です。 iモード対応XHTMLのバージョン（docomo公式） docomoの901,701,702（一部端末）はtableタグがきかないのでご注意を。 サンプルページ →サンプルページを見る 「完璧なセンタリング」は携帯サイトでは難しいです。 スクロールバーが表示される端末だと微妙にずれます。 （その微妙なずれが分からない程度ならOKだと思いますが、サンプルページのような背景画像だと微妙なずれが目立ちます。） tableタグにalign="center" <table align="center" width="220"> ・ ・ ・ </table> ほぼ全端末でtableがセンタリングされます。 tableタグの外側のdivタグでtext-align:center;を指定
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
[携帯]複数画像を縦に隙間なく表示させられるか │ これからゆっくり考L +α
先日コーディングをしたモバイルサイトの案件で、どうしても複数画像を縦に隙間なく表示させなければならない状況がありまして、その時の検証結果をまとめてみました。 3キャリア（docomo,au,softbank）1ソース対応 対応機種：3G以降 xhtmlで記述 サンプルページ http://sakaki0214.com/sample/090328/index.xhtml ※シュミレーターやFirefoxのアドオン「FireMobileSimulator」や、直接携帯端末で見てください。 各サンプルの簡単な解説 [1]1画像ごとにbrで改行<img src="画像" /><br /> <img src="画像" /><br /> <img src="画像" /><br /> [2]改行なし<img src="画像" /> <img src="画像" /> <img src="画像" /> [3
Emacs 上で携帯絵文字の表示と入力補完する emoji.el が素晴しい。 - 日々、とんは語る。
先日行なわれた、Shibuya.lispテクニカルトーク第3回 で id:IMAKADO さんが発表した emoji.el が大変素晴しいです! 発表を見てもらうと分かりますが emoji.el は、 docomo, au, softbank の絵文字をEmacs 上で表示する。 Anything を使った補完入力がごっさ便利。 という代物です。 インストール。 imakado's emoji at master - GitHubで公開されているので、チェックアウト、もしくは、ダウンロードしましょう。 emoji.el を load-path に置きますが iamge フォルダを emoji.el と同じフォルダに設置する必要があります。 他の場所に設置したい人は、emoji.el の (defun emoji-get-image-dir (E-or-I-or-V) (expand-fil
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ケータイサイト開発でFirefoxを使い倒す | muneto.murakami.biz Weblog
Share it again – Smileys, Stickers, animated GIF & Emoji apps
http://www.hash-c.co.jp/archive/wasf2010.html
タッチパネル対応、フルFlash化ECサイト構築 / IMJモバイル