iPhone 買いました。iPhone 4。はじめてのスマートフォンですよ。 で、この機会にこのサイトのスマートフォン最適化を図ろうと考えたわけです。今までなにもしてなかったので。しかし恥ずかしながらスマートフォン向けのサイトを作った経験がなかったので、どこから手をつけたものかわからない。そこで、とりあえず参考になりそうなネタを探そうと「wordpress iphone 最適化」あたりでググってみたところ (このサイトは WordPress で作ってます)、どうも WPtouch iPhone Theme というプラグインが人気らしい。このプラグインは有効にするだけで WordPress サイトをスマートフォン向けに最適化してくれる便利なもので、採用してるサイトもよく見かけます。 でもプラグインをそのまま導入したんじゃ面白くない。やっぱテーマは自分でいじりたいし。となると、とりあえず知りた
通常、iPhoneやiPod TouchでWebサイトを見る場合、文字とか画像とか小さく縮小されて表示されます。 iPhoneで見たときだけiPhone用にCSSあてたりして表示させる方法もあるんだけど、俺は、それが中途半端でな感じがして嫌なんで、iPhone専用に表示されるようにちゃんと切り分けたいなーと思ってます。 んで、Javascriptとかで分岐するとソースが、アレな感じになるのが気持ち悪いので、サーバーサイドで判定させて分岐させることにした。 <? php $ua = $_SERVER['HTTP_USER_AGENT']; if ((ereg("iPhone",$ua)) || (ereg("iPod",$ua))) : //iPhone・iPod Touchの場合の処理 echo("iPhoneかiPod Touchですね。"); include('iphone.htm
3M architectural finishes are decorative surfaces that can be applied virtually anywhere and offer hundreds of different design choices. Because…
Albuquerque nation / SimonDoggett iPhone買っていろんなサイトを見ております。 で、少しずつ自分が運営するサイトのiPhone対応を考えて実験してました。 実験結果をまとめたいと思います。 先に結論を。 ・Wordpressはプラグインを入れよう。 ・AjaxやFLASHが動かないと機能しないサイトは携帯向けページを表示しよう。 ・その他のサイトは何もしない。 で、以下はその結論に至った詳細です。 WordPress・・・ CogDogBlog a la iPhone / cogdogblog iPhone対応のプラグインを入れましょう。かなり見やすくなります。 当ブログでは導入済みです、 WPtouch iPhone Theme AjaxやFLASHが動かないと機能しないサイト・・・ Nitobi Ajax Grid Master Detail /
既存のケータイサイトをスマートフォン向けサイトに変更するテクニックをまとめた記事「1時間で携帯サイトをスマートフォン対応にする方法」 Tweet 2011/4/26 火曜日 matsui Posted in Android, iPhone, 記事紹介・リンク | No Comments » GREEのエンジニアブログに興味深い記事がありましたのでご紹介します。 既存のケータイサイトを、スマートフォン向けサイトに変更するテクニックをまとめた「1時間で携帯サイトをスマートフォン対応にする方法」という記事です。 → GREE Engineers’ Blog 1時間で携帯サイトをスマートフォン対応にする方法 [labs.gree.jp] その題名の通り、ケータイ向けサイトをスマートフォン向けサイトに対応させるためのポイントが、チュートリアル形式でまとめられています。 ステップとしては8つに分かれる
初めての投稿となります。エンジニアのmatsuです。 携帯向けウェブサイトを1時間でスマートフォン対応する方法を紹介します。 概要 2011年4月7日のニュースにて携帯電話の新規契約数のうち、スマートフォンが占める割合が50%を越え、スマートフォンが本格的に普及する兆しが見えてきました。 現在、スマートフォン向けサイトを新規構築するためのチュートリアルは数多く出ていますが、既存の携帯サイトをスマートフォンに最適化する方法があまり紹介されていないのでこの記事で紹介したいと思います。 このチュートリアルを行うと以下のようになります。 実装 全部で8ステップあります。 このチュートリアルではブログのトップページを例にとって説明します。 前半では文字コードの変更、HTMLの変更といった構造を変更します。後半では絵文字や文字スタイルを行い、仕上げとしてHTML5のバリデーションを行っていきます。最初
2010年2月19日に東京・目黒の雅叙園で開催された翔泳社主催の「世界は変わった。開発の現場はどうか? Developers Summit 2010」(通称:デブサミ)で、私が話した『自分でできるWebアプリケーション脆弱性診断』の資料をSlideShareにて公開しています。 自分でできるWebアプリケーション脆弱性診断 - デブサミ2010 当日はスライド資料に加えて、仕様に基づいた診断の例として、補助ツールにBurp Suiteと、やられWebアプリケーションにBadstore.netを使ったデモを行いました。簡単に再現できると思いますので、是非お試し下さい。 本セミナーの内容を実際にツールを使って診断技術を習得できる実践編も開催します。 サイバーディフェンス研究所主催で「セキュリティ人材育成セミナー 〜 Webアプリケーション診断編 〜」を3月29日(月)、30日(火)の2日コース
ちょっと作成したWebアプリケーションに脆弱性があるかをきちんとチェックしないといけない羽目になったので調べてみた. 出来ればフリーで,無ければ有償でもいいので.いや,やっぱりフリーで... 調べて実際にインストールや使ってみた順に載せてみます. Nessus http://www.nessus.org/nessus/ フリーでは一番使いやすいサーバ脆弱性診断ツールかな.有名だし. でもサーバの脆弱性診断という位置づけが強い MultiInjector released - automatic parallel website Injector / Defacer http://chaptersinwebsecurity.blogspot.com/2008/10/multiinjector-released-automatic.html Pythonの2.4以上で動作 Windowsでも使
Send a file instantly and securely with SENDOID file transfer. Sendoid lets you send files to anyone with an internet connection via an on-demand peer-to-peer direct connection for free! Your file goes straight from you to its destination-- no server space required.What is Sendoid? Sendoid is an on-demand peer to peer transfer system. It makes transferring any size file between two people as simpl
■編集元:ニュース速報板より「百度(baidu)の新サービスが違法すぎてヤバイ」 1 パナ坊(京都府) :2011/02/01(火) 10:00:08.13 ID:A965P7SU0● ?PLT(12155) ポイント特典 コンプライアンスという単語を知る者であれば誰もがイナバウアーしてしまい そうな新サービスが百度から。大丈夫なのか、というか、大丈夫じゃなさ過ぎ て本気でヤバイ。私が権利者なら今日にでも弁護士事務所へゴーという感じ の、凄まじい逸品に仕上がっております。 http://kirik.tea-nifty.com/diary/2011/02/baidu-e8e4.html 続きを読む
クラウドというキーワードがブームの昨今、オンラインで動作するさまざまなウェブサービスは以前にも増して注目を浴びるようになりつつある。これまで個人が業務効率アップのために使うレベルにとどまっていたのが、会社をあげて導入するケースも珍しくなくなった。また海外のウェブサービスが日本語対応したうえで国内市場に参入してくるケースも目立つようになってきた。 今回は本誌連載「ウェブサービスレビュー」で2010年に紹介したウェブサービスを中心に、計10個のサービスを独断と偏見でセレクトして紹介する。文字通り定番のウェブサービスから、2010年に新たに登場した有望株、また今後ブレイクすることが期待されるサービスまで、内容はさまざま。まだ使ったことがないサービスがあれば、新たな年のスタートにあたってぜひ試してみてほしい。 2010年に大幅な進化を遂げた“定番”ウェブサービス4選 クラウドサービスの特徴として、
1 名前:以下、VIPがお送りします[] 投稿日:2010/04/26(月) 22:38:01.50 ID:k5ff3iS80 完結か未完かはあらかじめ書いておいてほしいんだぜ【完結】 戯画バイト http://enjoykorea.web.fc2.com/gigaindex.htm 【完結】 奇異太郎少年の妖怪絵日記 http://www.ne.jp/asahi/molmol/sky/youkaidays/youkaidaysframe.htm 【未完】 春出汁 http://yoimachizaka.web.fc2.com/toph.html コメント:完結、未完分けてあるからうれしかった。何度も言うが堀宮は(・∀・)イイ!! 最近読んで面白かったのが 【単発漫画いくつか】 マンション102号室 日常系のお話。ちょっと泣ける。 http://yuuumm55.web.fc2.com/i
What is the best web prototyping tool? プロトタイピングツール関係の情報を漁っていたらWhat is the best web prototyping tool?なんていうやりとりがあったので、翻訳してみました。 ツール派、アナログ派などいろいろいますねー。 回答は23人に増加! Balsamiq MockupsとPencil Project(Swaroop C H さん) Balsamiq Mockups(商用ソフト:$79)か、Pencil Project(オープンソースのFirefoxアドオン)を試してみなよ。 返答:おお、Pencil Projectすげー!ありがとう! ペンと紙(jpeacockさん) ペンと紙。マジで。ツールを覚える時間も要らないからデザインに時間かけられる。 最初にページのテンプレートをいくつか作っておいて、それをコピーす
少し気が早いですが、今年も残すところ あと僅かです。ここで、Web制作をする にあたって、個人的に、とても参考にな った素晴らしいエントリーをご紹介します。 基本的にまとめ記事が大好物なので、 まとめのまとめ、という形になってしまい ますがご了承願います。 まぁ、単なる個人的なメモです。今年はお世話になりました、という感謝の意を込めてリンク&トラフィックで返したいのと、自分の復習用リンク集です。来年もたぶんお世話になる記事だと思いますので、備忘録も兼ねて。順不同です。 尚、当ブログのエントリは御礼の場であるこの記事では割愛しています。後日、別記事にてまとめさせて頂きますので、宜しければ御覧ください。 デザイン読み物系が多いです。正月とかで見直す用。 配色パターンからWebデザインを考えるウェブデザインでこれは気をつけたいの35のポイントデザインQRコードの作り方非デザイナーのためのデザイン
この記事は7/20に掲載された「HTML5 Family: CSS3 Ads Versus Flash Ads」を訳したものです これまでHTML5関連技術について多くの解説ブログを掲載してきましたが、今回は、CSS3の機能を使っておもしろい実験をやってみたいと思います。例えば、、、よく見かけるようなFlashのバナー広告をHTML5で再現することはできるでしょうか?結論から言うと、HTML5そのものは必要ではなく、いくつかの画像ファイルとCSS3アニメーションだけで十分でした(現時点では、最新のChromeとSafariでのみ機能します)。次のリンク:3つのFlashバナー広告と、それらを我々がCSS3で再現したものとを比較してみてください。実際、気味悪いほどそっくりに仕上がっています。 この記事では、CSS3とHTMLだけで上記のようなバナー広告を作る方法について説明していきます。説明
多くの人がブログを持つようになった今、すでに亡くなってしまった人のブログが削除されずにずっと残っている事例は少なくありませんが、「亡くなった」という事実をネット上のつながりのみを持つ人が知るのは、ブログ管理人が有名人でもない限りはなかなか難しいもの。 その結果、管理人が亡くなっているにもかかわらず、更新がちょっと止まっているだけのように見えるブログがインターネット上に存在し続けることになりますが、そんな管理人亡き後のブログに、明確に「死」という事実を表示するためのブログパーツ「ウィログ」がリリースされました。 「ウィログ」は3つの方法で管理人の「死」を判定し、ブログパーツを「生前」バージョンから「死後」バージョンに表示変更するなど、サイトのおだやかな雰囲気とは裏腹にややショッキングな仕様となっています。しかしながら、故人自らの遺志を表示することができるので、なかなか画期的なサービスとも言え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く