サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
やる気の出し方
miniturbo.org
ちょっと脱線#2 次々と賛同者が! iアプリとかで良かったら喋るよー♪by yoshiori モバイルってなかなか知識得る機会ないから興味あるよ!by tobetchi なんかしゃべりましょうか?むしろ最近の話に弱いですが、準備しますよby tmtysk いきたいby fshin2000 高まる期待(*'∀`)=3ワクワクby cafistar モバイル勉強会興味津々!by clearether モバイル勉強会期待してます。by kaoritter これに対して携帯から全レスするみにたぼ (`・ω・´) シャキーン
この資料についての説明と謝罪 この資料は公開時より24時間内において他サイトの内容を無断で使用しておりました。 これに関して、kzは以下のエントリにおいて説明及び謝罪をしております。 社内勉強会の資料についての説明及び謝罪
このリストを見る限り、最近の機種は殆どが対応しているようです。SO506iCがEUC-JPに対応しているのは意外でした。 各社の仕様書を見比べると、Shift JISは全社とも対応していて、DoCoMoのXHTML対応機種に限りUTF-8にも対応していることが記載されていました。また、SoftBankの携帯電話はメール及びウェブの文字コードを手動選択できるようです。各社の仕様書を以下にリンクいたしましたので、ご覧ください。 iモード対応HTMLの概要 iモード対応XHTMLの概要 EZWeb サーバ設定・文字コード指定 SoftBank Developers Support Site なお、検証への誘導をしていただいた真琴さんと、多くの機種を検証していただいたreaさん、サンプルを怪しみながらも協力してくれた僕の友人、それからわざわざコメントorトラックバックしていただいた皆々様方に深く感
今月12日に行われたCSS Nite LP, Disk 3 -Coder’s High-に参加してきました。 最初はamachangさんと一緒に行こうと思っていたのですが、Twitterにて呼びかけたところ多数の方が参加する予定だったので「こうなったらついったーOFFもやればよいのでは」と思い急遽計画を企てだてたのでした。 そのときの様子をレポートします。今回は箇条書きではありませんから><ごめんなさい、ほとんど箇条書きです>< 0次会 前日に急ぎで募集をかけ、以下のついったー部のメンバーで集まることになりました。(表記はTwitterID) _tad_さん 3pingさん davominさん HolyGrailさん prutoさん kyosukeさん miniturbo (ボク) retletさん sunitiさん ukstudioさん youchanさん 大半の方と、今回お会いするのが
先月の27日に、渋谷にてある会合が開かれました。そう、今回で2回目となるwu祭りが…! それぞれのご都合で参加できない方もおりましたが、総勢15名によるかなり濃い祭りとなりました。 以下、箇条書きにて軽くまとめてみました! 箇条書きレポ kz、予定とバッティングしていた社長レクチャーをすっぽかす 会合開始直後、異様なメンツに囲まれて固まるkz、テンションアップ purprinさんとちょろっと京王線ネタで盛り上がる、熱い! yuzuhoさんとモバイルコンテンツ制作の会話で熱くなる!色々と参考になる話をありがとうです>< haltさんが、ホップ本にwuたんからサインをいただいていた!いいなぁ!! もっとhaltさんと絡みたかった はまちちゃんはとても奇策でどきどきした>< 最近はもっぱらCSSばかり書いているそうな はまちちゃんいわく、「全部divだけでいいじゃないか」これは…! goyaさん
とある方が申した発言に影響されることも多々あると思う。僕もその一人だった。 その方に近づきたくて、日々スキルを磨いている(死語?)という方も多いだろう。 でも、つい最近まで僕はその方のソースを見たことがなくて、本当につい最近見たんだ。そこには、事あるごとにこう書いてあった。 <div class="clear"></div> 大言を述べる前に、まずは空要素をどうにかしようよ…と感じた。 Comments: 6 lomo 07-04-19 (Thu) 11:58 んーー誰誰?? おっと仕事行かなきゃ :-P kz 07-04-19 (Thu) 12:05 うふふ、えへへ、内緒です>< tobetchi 07-04-19 (Thu) 12:45 某ブログポータルのテンプレートみたいだな。 あれはあれで、ひとつの解だと思うけど。 kz 07-04-19 (Thu) 13:24 これを、もしとても
「今、何をしているの?」でつながるコミュニティ、twitterを携帯端末で仕様できるツールを作成しました。 追記(2007-05-03):Version 0.6.1にアップいたしました!! ご自身でWebスペースにインストールできるかたは、以下のリンクからダウンロードして使ってあげてください! twitterMobile 開発にあたり、悠希さんより非常に大きな助力をいただいております。本当にありがとうございます。また、開発者である僕自身に余裕が無く、バグを抱えたままリリースしたり、それをサポートする時間が無く大変申し訳ないなぁと思っております。 なにかお困りでしたら、こちらにコメントしてください。 Comment: 133 けーき: 2007-04-09 (Mon) 01:03 Softbank 910SH の動作報告です。 インストール完了後、ログインしようとすると Fatal erro
New!!twitterMobile 0.7.3 にバージョンアップいたしました! 「今、何をしているの?」でつながるコミュニティ、Twitterを携帯端末で使用できます。 Ver0.6より、悠希さんが作成したService_Twitterを使用しております。 概要 2007年春より流行している新しい形のコミュニケーションサービス、Twitterをモバイルから閲覧・更新できるようにするPHPスクリプトです。 * 画像はVer 0.7のものです ダウンロード twitterMobile Ver 0.7.3 (ウィルスチェック済み) 使用前に、下記の説明を必ずお読みください。 0.7系よりアップグレードされる場合はそのまま全ファイルを上書きしてください。 それ以前のバージョンの場合は新規インストールを行ってください。 使用するに当たって (おそらく)対応するキャリア一覧: NTT DoCoMo
ZIGOROuさんに教えてもらった記事に、IEチームがIE6のVirtual PCイメージを配布していると書かれていました。しかもWinXP SP2のアクティベーション済みのOS付きです。 同じPC内にIE6とIE7を共有する手段のひとつとして、MSのVirtual PCを使って環境を構築する方法がありますが、「IE6(もしくは7)が動作するOSを、もう一つ用意しなければならない」という条件がありました。 IEBlogでは、「Windowsのライセンスを追加することなく、OSも既にインストールされた環境のVPCのイメージファイルを、無償で提供します」と書かれています。どんなものかというと... Windows XP Professional SP2(英語版) Internet Explorer 6 Internet Explorer 7 Readiness Toolkit 2.0 上記の環
AdobeのApolloがついにリリースされました。 隣に座っているamachangさんとサンプルを見ていたらFlashのなかでブラウザが動いてる!? 早速UAを確認すると、Mozilla/5.0 (Windows; U; en) AppleWebKit/420+ (KHTML, like Gecko) Safari/419.3 Apollo/1.0.Alpha1と表示されました。これは...すごい! まだ日本語入力ができませんが、AppleWebKitがWindowsで動作しているのはすごいなぁ! 詳しくは、amachangさんの記事を見てください!動画もありますよ! 追記 (2007-03-20 01:16) Windowsで動作する、Webkitでできたブラウザは既にあったみたいです。動作は上記のモノと同じく不安定な感じ。 Swift UAはMozilla/5.0 (PC; U; I
<p>この部分は<span class="red">期末試験の範囲</span>だよ!</p> .red { color: red; } とか。 .alignright { text-align: right; } とか、 .left { float: left; } とか、 .hidden { display: none; visibility: hidden; } とか、 .clearfix:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } とか。 視覚効果のために文章構造を変えるのはよろしくない さんざん言われていることだけれども、未だに上記のようなことが書かれているエントリがあがっていたりして、少し悲しく思うのでした。いくらサイトデザインの面で楽になる、サイトのメン
まず、XHTML1.0 Strictで以下のようなページを作成します。 <?xml version="1.0" encoding="utf-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>html,body要素の考察</title> </head> <body> <h1>html,body要素の考察</h1>
「はてブカウンタ」に思った以上の反響があり驚いているのですが、今度はこんなものを作ってみました。今現在のページのフィードが、livedoor Readerでどれだけ購読されているかカウントする拡張機能(アドオン)…その名も、LDRカウンタ (LDR Counter)です! 以下のリンクからダウンロードして使ってあげてください! LDRカウンタ (LDR Counter) この拡張機能(アドオン)も、もともとはプライベート用に作っていたのですが、せっかくなので公開。なにか挙動がおかしかったり、こんな機能を付け加えて欲しかったりしましたら、いつでもご意見お願いします。 ちなみに、左クリックするとそのカウンティングしたフィードをLDRで購読することができます。(単に、購読ページに飛ぶだけですが…)
現在見ているページのフィードが、livedoor Reader(LDR)でどれぐらい購読されているか表示するMozilla Firefoxのアドオン(拡張機能)です。ステータスバーに表示されます。 インストール: LDRカウンタ Ver 0.4 使い方: インストール後に、自動的に表示されます。 左クリックで、現在見ているサイトをLDRで購読します。(アイコンに赤い+がついている場合のみ) 右クリックで、有効or無効を切り替えます。 更新履歴: Ver 0.4 (2008-07-03) Firefox3にて、EventHandlerエラーが出る問題を解決 Ver 0.3.2 (2008-05-12) Firefox3に対応 (Beta5にて動作確認) Ver 0.3.1 (2007-06-19) 動作しなかった問題を解決 Ver 0.3 (2007-06-19) malaさんに添削していた
XULのお勉強がてら、現在閲覧しているサイトのはてなブックマーク件数を表示する、Mozilla Firefoxのエクステンション(2.0からはアドオン)を作ってみました。その名も、はてなブックマークカウンタです!! 以下のリンクからダウンロードして使ってあげてください! はてなブックマークカウンタ はてブの件数を知るエクステンションは、はてな自らがリリースしているHatenabarにもあるのですが、はてブしか使っていない僕にとって、Hatenabarはツールバーでとっても邪魔でしょうがない。さらに、閲覧しているサイトのブックマークコメントとか、注目エントリーとかみれたらいいよなぁと思い、作ったのでした。 ステータスバーにちょこんといすわる様はなかなか可愛らしいです。 後で、XULについてメモがてらまとめようと思います。 追記 2007-01-28 Ver 0.4より、クレジットと設定が追加
現在見ているページが、はてなブックマークでどれぐらいブックマークされているか表示するMozilla Firefoxのアドオン(拡張機能)です。ステータスバーに表示されます。 はてなブックマーク以外のサービルにも対応したSBMカウンタを新たにリリースいたしました。 はてなブックマークカウンタの上位互換となっておりますので、よろしければそちらをお使いください。 インストール: はてなブックマークカウンタ Ver 0.5.1 使い方: インストール後に、自動的に表示されます。 左クリックで、現在見ているサイトのブックマークコメントを開きます。 右クリックで、コンテキストメニューを開きます。機能は以下の通りです。 このサイトの注目エントリ このサイトの新着エントリ このサイトの人気エントリ はてなブックマークに追加 設定 はてなブックマークカウンタについて コメントの非表示 無効にする 設定では、
自己紹介 詳細 しょうの です。 最近は、Wiiにはまっています。 Wiiを持っている方は、是非「Wiiばんごう」交換してください>< 3395 2337 7032 7974です! 本日のアジェンダ インターネットチャンネルとは CSSの対応状況 ネックとなる"解像度" いつでもどこでも"screen" CSS3のMedia Queryを利用する インターネットチャンネルってなに? Wii用に作られたWebブラウザ ...とはいっても、中身はほぼOpera 9 CSS1, CSS2, CSS2.1にほぼ対応 Ajax, Flash (~7)に対応 現段階ではお試し版(正式版は3月末リリース予定) (これよりインターネットチャンネルをWii Operaと表記します)
amachangさん主催の、「新春 CSS 隠し芸大会」にスピーカとして参加してきました。ここ連日、プレゼン用の資料制作に追われていたのですが、なかなか終わらず...。できたのはプレゼン当日の朝でした(徹夜明け)。 以下に、資料を公開します。 Wii +CSS = WSS? (Wii と CSS) 僕は、巷で話題のWiiとCSSを合わせたネタを披露しました。「とにかく、Wii実機では解像度の関係でコンテンツが見づらい。それなら、より快適なブラウジングのために、Wii用のスタイルを作ろう」...といったコンセプトになっています。(時間がなくて、肝心のWii用のスタイルができなかったのですが...) まぁ、無事に終わってホッとしました。他のスピーカの方々、ご静聴いただいた皆様、お疲れ様でした! ちなみに、資料はW3CのHTMLプレゼンテーションツール「HTML Slidy」を使用しました。実際
miniturbo.orgは携帯でも一応見れるのですが(コンテンツ量が多すぎるとメモリエラーがおきるかも)、それもこれもXHTMLで書いているからなのです。そこでふと疑問に思うことが。 追記(2006-12-28 01:17) サンプルページに直接飛べるQRコードを作成いたしましたので、「別に手伝ってあげてもいいんだからねっ」という方はご協力お願い致します!「QRコード対応してないんだけど…」という方は、お手数ですが http://miniturbo.org/m/ からご確認お願いいたします。 お使いの携帯電話の機種名と、各サンプルが文字化けしているか/していないかをコメント欄に書いていただけると大変助かります! 昔、課題として携帯用のコンテンツを作成していたときに3キャリアの仕様書をにらめっこしていたのですが、どのキャリアもサポートする文字コードはShift JISだったのです。しかし、
数ヶ月前に、習作として作っていたbackground-position のサンプルがあったのを思い出したので、ここで書いてみます。 background-position のサンプルページ で、このサンプルをなんのために作ったのかというと、background-positionをパーセント指定したときに、その位置から背景画像が描画されるのではなく、background-positionを指定した要素のその位置と背景画像のその位置が同じ位置になるという、てんぽさんの記事に影響を受けたためだと思います。 サンプルの三つ目にある「background-position: 25% 75%;」の指定がわかりやすいです。ボックスの左から25%、上から75%の位置と、背景画像の左から25%、上から75%の位置が重なっていると思います(わかりやすいようにドットをつけました)。 間違っている解説サイトが多い
固定幅のフローティングレイアウトをしていて、ブロックレベル要素をセンターに配置したい時、通常なら div#content { margin: 0 auto; } てな感じでセンタリングすると思います。 しかし、Mac IEではある条件のときにmargin: auto;が効かなくなります。今回は、それを解決するお話。 ある条件とは、フロートで高さを算出させるために overflow: hidden; を使用した場合です。この時、そのブロック要素ではmarginのautoが効かなくなってしまいます。(marginプロパティで値を一括指定すると無視される(4.1/5.0) - CSSバグ辞典) つまり… <div id="content"> <div id="menu">メニュー的なもの</div> <div id="main">メイン的なもの</div> </div> こんな2カラムレイアウト
HATENA-TUBEみたいな感じですが、これを自分用にできないものかと思っていました。「動画をブックマークしておいて、あとで気軽に見れるようにできないかな。」…ということで、自分がYouTubeの動画を、サムネイルで一覧できるページを作ってみました。 YouTube Bookmarks. 仕組みとしては、はてなブックマークを利用して、YouTubeの動画をブックマークします。はてブはRSSをはきだしてくれていますので、それをパースしてURIを取得しています。パースにはPHP5のSimpleXML関数を用いています。 サムネイルの表示には、YouTube APIを使用しています。URIから動画のIDを抽出し、APIを利用するのに必要なDevelop IDと一緒に投げることでサムネイルのURIを取得しています。便利。 表示に関しては、iBoxを利用しページを遷移することなく動画を見れるように
ビデオスロットとは、オンラインスロットマシンの一形態です。人気のあるビデオスロットには、シンボルに焦点を当てた古典的なゲームから、ミニボーナスラウンドや異なるレベルを含むことが多いより複雑なゲームまであります。映画やテレビ、豪華なライフスタイル、文化や魔法、そしてもちろん未来的でSF的な冒険など、世界中で人気のあるテーマが設定されています。ビデオスロットゲームは近年急速に人気が高まっており、すべてをトップクオリティオンラインカジノで見つけることができます。 先ほど、公開している下記3つのアドオンのFirefox 3.6対応版をリリースいたしました。 SBMカウンタ LDRカウンタ nocoDownloader 既に以前のバージョンをお使いいただいている方はFirefoxのアドオンマネージャから更新を、新規にインストールされる方は上記リンクよりインストールをお願いいたします。(LDRカウンタ
先日公開されたFirefox2(Fx2)や、待ちに待ったWindows Internet Explorer 7(IE7)が11月にローカライズ正式版をリリースなど、ブラウザの更新が目立っていますね。ましてや、現在の2強モダンブラウザなのだからなおさらですね。 ということで、「文書型宣言によって切り替わるモード一覧表」を書いてみました。これから作成するサイトや既存のサイトがどのモードで動いているのか、知っていると幸せになれるかもしれません。 代表的なものを中心にリストにしました。過去の物は一部まとめてあります。 文書型定義によって切り替わるモード一覧表 文書型定義 Fx2 IE7 IE6 Opera9 NN7 Safari MacIE5
ついにFirefox3がリリースされました! 次世代ブラウザ Firefox - 高速・安全・自由にカスタマイズ 今まで使っているFirefox2から3へ移行するにあたって、気になるのがアドオン(拡張機能)。 以下の方々が、よく使われるアドオンのFirefox3への対応状況を調べておられます。 これがないと Firefox 3 への移行をためらう拡張機能 - えむもじら caramel*vanilla » 個人的に手放せない拡張のFirefox 3への対応状況を調べてみた 使っている拡張機能の Firefox 3 対応状況 - VERSIONFIVE ということで、僕も対応状況を調べて見ました。対象は、仕事で使っているWeb開発系のアドオンです。 ※各アドオンのインストールは自己責任でお願いします。 Continue reading 以前、携帯電話での文字サイズ検証という記事を書いたのです
「マイナスマージン」や「ネガティブマージン」で組み立てるレイアウトです。 てんぽさんの記事にあるように、floatにより発生するカラム落ちは、親のボックスが内包するこのボックスのwidthに原因があるのではなく、そのマージン辺に原因があります。 とりあえず、以下をご覧ください。 たとえば固定幅の2カラムの段組を作るときは、 <div id="content"> <div id="main"> <p>メイン的なやつ</p> </div> <div id="utilities"> <p>サブ的なやつ</p> </div> </div> こんな感じの構造になります。 これに当てこむスタイルは div#content { width: 700px; margin: 0 auto; } div#content div#main { float: left; width: 100%; } div#co
このページを最初にブックマークしてみませんか?
『miniturbo.org』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く