[B! Web制作] hiroyuki-hのブックマーク

スマホ向けサイトをMac/PCで表示する。すぐできるオススメの『ユーザーエージェント偽装』方法。 (フェンリル | デベロッパーズブログ)

こんばんは！開発の林です。 Bootstrap, from Twitter いいですよね！サクサク作れちゃうあたり今気に入っています。本記事でもエントリー部分だけ Bootstrap にしてみました。さて、話を戻します。他所のスマートフォン向けサイトに PC からアクセスしたい、ソースを見てみたい、解析やデバッグを行いたいことってありませんか？本日はスマートフォン向けサイトを PC からでも解析できるよう簡単に偽装する方法をご紹介します。 Mac / Windows 対応です。スマートフォン向けサイトにアクセスするにははじめに、スマートフォン向けサイトにアクセスするにはいくつかの方法があります。スマートフォン向けのアドレスにアクセスする ex. http://b.hatena.ne.jp/touch ユーザーエージェントを偽装してアクセスする Android SDK や i

hiroyuki-h 2012/03/07

リンク

【iPhone/iPad】ホームに置いたWebアイコンからSafari以外のアプリを開かせるJavaScriptを作りました

こんにちは！林です。今回は、iPhone アプリ開発者 / ウェブ開発者向けの記事です。みなさんは、iPhone の Safari にある「ホーム画面に追加」という機能をご存知でしょうか。以下の図のように見ているウェブページを、ホーム画面にアプリのように置くことができる機能です。ホームに置かれたアイコンをタップすると、Safari が起動し、そのウェブページを閲覧できる仕組みになっています。頻繁に使うページをホームに置いておくと大変便利です。この機能を利用して、アイコンから任意のアプリ(※1) を起動する JavaScript を作成しました。 ※1 URI スキームに対応しているアプリのみ対応しています。使い方設置方法は </head> の直前に１行、スクリプトタグを追加するだけです。 ※ デフォルトでは、Sleipnir Mobile で開くようになっています。 <s

hiroyuki-h 2011/08/03

Webサービスやアプリで使えるシチュエーションが多そう！

リンク

iPhone/Android/PC 対応。jQuery で書くタッチイベント

こんにちは！プロダクト企画担当の林です。今回は、前回予告していた通り、タッチイベントについて書かせていただきます。他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。（jQuery Mobile は不要です） iOS / Android で動作確認済み。タッチできない PC の場合、マウスで動く。この３点です。こちらを実際に動作するコードにて解説します。動作確認環境タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについてタッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。イベントの種類 touchstart : タッチし

hiroyuki-h 2011/06/10

こいつ、動くぞ！親切過ぎ！

リンク

このサイズだとこのサイトはどう見えるかな？が簡単に試せる『TestSize』 | 100SHIKI

似たようなツールは他にもあるが、シンプルで使いやすかったのでご紹介。知っておいても損はないだろう。 TestSizeでは、「このスクリーンサイズだとこのサイトはどういう風に見えるかな？」をシミュレートすることができる。いくつかのサイズが用意されているが、矢印キーの上下で切り替えていくことができる点が便利だ。また余計なメニューなども「f」キーでさっと消すことができる。日本語のサイトも問題なく通るので、ちょっとしたテストにいかがだろうか。

hiroyuki-h 2010/02/23

リンク

あのサイトを作りたい！オープンソースのクローンCMSまとめ

「自分であんなサイトを作りたい」と、思う Webサービスは結構多いかと思います。いくつかの有名なWebサービスはクローンのCMSがオープンソースとして提供されているものがあります。そんなクローンタイプのCMSをいくつかご紹介します。既出のCMSばかりですが、個人的も一度まとめておきたいのでメモも兼ねて。 Diggクローン海外でもかなりの人気ソーシャルサイト、Diggのようにユーザーが投稿、Vote（投票）を行えるCMSです。以前SEOカスタマイズ法も書いたので宜しければ合わせてご覧下さい。Pliggが相性悪いなと思うようならPHPDugもいいかも。 Pligg / デモ Deliciousクローンソーシャルブックマークサイトとして有名なサイトがDeliciousです。タグを付けてWebサイトへのリンクを簡単に追加、共有できるオーップンソースのCMSがscuttleです。僕もこ