WEB担当・制作者必携のスマホ表示計測アプリ「WebDevTools」がリリースされましたよっと!!
【営業連絡】先日、このブログにてWEB制作パートナーになってくれる会社を募集したら、びっくりするくらいの応募があり、面接などをいろいろしまして能力の高い数社とパートナーシップを結びました。いままで新規案件は着手まで最大４ヶ月とかかかっていたのですが、これでリアルタイムに着手ができるようになりました。ほっとしました。これからは複数の制作会社とネットワークを組んで、私めは設計と運用コンサル中心に行こうと思います。これからはWEB制作のゼネコン野郎と呼んでください（笑）・・・ さて、ちょっと前に書いたこのエントリー 楽天がこれからヤバイ!! もうひとつの理由をKeynote MITEで証明してみましたよ の中で、 iPhoneで今見ているサイトの表示速度を計測するアプリがあったらいいなと思って調べたけど・・・無い!! 自分のサイトだけ調べるならアナリティックスでなんとかなるけどいろんなサイトを調
つまづきがちなiPhoneコーディングのTips（JS多め） | バシャログ。
来月はキャプテン・アメリカ見るし、気が付いたら年中アメコミ映画を見ているminamiです。 来月にはまた大きな発表がいろいろありそうなiPhone界隈ですが、iPhoneサイトのコーディングをする際につまづいてきたポイントを挙げてみました。 [HTML] input type="file"は使えない 画像をアップするコンテンツだからフォームに input type="file" を・・・と考えがちですが、iPhone版のSafariでは使用不可です。 [HTML] <meta name="viewport" content="user-scalable=no">が効かない 最近ハマったポイントです。ユーザーに画面の拡大をさせなくすることができるviewportのuser-scalableプロパティですが、本体のアクセシビリティ設定で「ズーム機能」をオンにしているとバッチリ拡大できてしまいま
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
WebサイトをiPhoneに対応させる -レスポンシブ・ウェブデザイン- - EC studio デザインブログ
このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。 実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン レスポンシブ・ウェブデザイン（Responsive Web Design）（ご指摘ありがとうございます。）に関していまさらながら調べてみたので、大枠的なことをふわっとまとめておこうと思います。 レスポンシブ・ウェブデザインって まず「レスポンシブ・ウェブデザインとはなんぞや」と言うところですが、 Webサイトのページレイアウトを閲覧環境（パソコン、iPhone、Android など）に応じて動的に変更させる手法で去年あたりからよく耳にするようになりました。 ブラウ
【ハウツー】HTML＋CSS＋JavaScriptでiPhone/Androidアプリ開発「PhoneGap」 (1) HTML＋CSS＋ＪavaScriptでiPhone/Androidアプリを開発 - PhoneGapとは | エンタープライズ | マイコミジャーナル
Notobiは11月1日(米国時間)、PhoneGapの最新版であるPhoneGap 0.9.2をリリースした。PhoneGapはクロスプラットフォーム・モバイルアプリケーションの開発フレームワーク。デベロッパはHTML＋CSS＋JavaScriptを用いて、iPhone/Android/BlackBerry/Symbian/Palmのネイティブアプリケーションを開発できる。各デバイスのモーションセンサやカメラ、GPSにはPhoneGapにて提供されているJavaScript APIをもちいて操作する。同ライブラリはThe "New" BSD LicenseおよびThe MIT Licenseのデュアルライセンスのもとで公開されているオープンソースソフトウェア。 PhoneGapでのスマートフォン別機能対応表 - PhoneGap Supported Featuresより抜粋 iPhone
Resources - Tools & Tutorials for iPhone App Development | Think Design
First off, Hi my name is Ben and I’ll be doing some resource posts here on ThinkDesignBlog.com. Today we’ll be taking a look at iPhone app resources from tutorials to development kits. The simply named iphone 4 was released on June 24, 2010 the fourth generation of iphone its emphasis is on video calling. The App store which launched in mid-2008, now has over 300,000 apps approved by Apple. That m
はてな技術勉強会 #1 資料&録画公開 - Hatena Developer Blog
前回のはてな技術勉強会 #1の資料と録画を(ようやく)公開します。 「iPhoneアプリ開発入門編」id:ninjinkun (はてなココアプリ開発者) iPhoneアプリ開発に必要となる知識の入門編です。主な内容は以下のとおりです。 iPhoneアプリ開発の流れ XCode、Interface Builder入門 UIViewの構造説明 簡単なサンプルプロジェクトの作成 iPhoneアプリ開発講座入門編View more presentations from ninjinkun. 位置情報の取説 by id:chris4403 位置情報の取り扱い方について、Geohash、mysqlのgeometry型など、はてなココでの実例をおりまぜつつ解説します。 アジェンダ 自己紹介 はてなココ紹介 位置情報の基本 位置情報を取得する 位置情報を記録する Geohash 位置情報を表示する 自己紹
知識ゼロからはじめるiPhoneアプリ開発 - A Day In The Life
iPhone アプリ開発を初めてはや2年。わけわからんレベルからなんとかアプリをリリースするところまでこぎつけました。もともと趣味ではじめた事ですが今は仕事でも iPhone アプリ開発をしています。ここに至るまで自分が調べたことや参考にした文書をアプリの構想からアプリをリリースするまでの手順にそってまとめてみました。 iOSアプリ開発関連の本を書きました 初めて iOS アプリ開発をされるかた向けに「プロの力を身につける iPhone/iPadアプリケーション開発の教科書」という本を書きました。 この記事を読んで iOS アプリ開発に興味を持たれた方におすすめです(2013年2月26日発売)。2015年1月17日にSwiftに対応した改訂版がでました。 本の内容に関する詳しい記事はこちらです。 iOSアプリ開発の本を書きました 初期投資 8400円とプライベートな時間、iPhoneまたは
iPhoneサイトで気をつける3つのポイント (ユーザビリティ実践メモ)
スマートフォン利用者の増加に伴い、スマートフォン、特にiPhone対応サイトを用意する企業が増えてきましたが、必ずしもデバイスの特徴を考慮したサイトとなっていないケースが見られます。今回は弊社の調査で見られたユーザ行動を元に、iPhoneサイトで気をつけるべきポイントをご紹介します。 従来の携帯では下ボタンで画面をスクロールさせる際リンクに順番にフォーカスがあたるため、テキストリンクでもユーザの視線が止まりやすい傾向があります。一方iPhoneでは指で画面をスクロールさせるため、リンクにフォーカスはあたりません。テキストリンクがアイキャッチとなりにくく、携帯と比較して文字情報がまとめて読み飛ばされるケースがみられます。ユーザの目線を止めるには、アイキャッチ用の画像を配置するなどの工夫が必要です。 【ポイント2】細かな操作はさせない iPhoneはタッチパネルを指で操作するため、画面上の1点
CSS＋jQueryでクロスデバイスサイトを作ろう (1/4)
WebサイトをiPhone/Androidに最適化するには、PCサイトとは別にスマートフォン専用サイトを用意するのがベストですが、コストや時間などの理由で難しい場合があります。そこで今回は、PC向けのWebサイト（HTML）はそのまま利用し、CSSとJavaScriptだけでレイアウトやデザインを変更する｢クロスデバイスサイト」の作り方を説明します。題材は、筆者が制作した「iPhone/Android Webサイト制作出張セミナー」のWebサイトです。 このサイトは1ページ完結の告知サイトで、左右2段組みで構成されています。左カラムにはナビゲーションメニューを、右カラムにはメインコンテンツを配置し、ナビゲーションメニューをクリックするとページ内リンクで表示する部分を変えられます。iPhone/Androidからアクセスしたとき、このページを以下のように表示するようにします。 PCサイトのマ
iPhone/Androidアプリのモクアップ作りに便利なPSD・AI・ICON配布サイト｜スマートフォン｜モバイル｜PHP & JavaScript Room
PHP、JavaScript、Ajax、HTML/XHTML、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説iPhoneアイコン アプリケーションアイコン Glyphish – Great icons for great iPhone & iPad applications iPhone & iPadのツールバーやタブバーのアイコンがつまったPSD。タブバー用は26x26、ツールバー用は18x18。 Licsense: Creative Commons Attribution 3.0 United States License Free iphone toolbar icons iPhoneのツールバー用アイコン。30x30。白色。PNG形式。色を変える方法がわかるPSD（レイヤー効果でグラーデーションオーバーレイ）が1ファイル入っていま
Windowsユーザ必見のiPhone向けサイトデザイン&シミュレータ·MobiOne Studio MOONGIFT
MobiOne StudioはWindows用のフリーウェア。iPhone用のWebサイトを作ろうとした場合、Windowsでは相当不利になっていた。WebKitはあるので、ユーザエージェントを変えればレンダリング結果は近いものが得られるだろうが、やはり別物だった。 ビジュアルデザインが可能 さらにWebサイトのデザインをするのも画面構成が特殊なので、Mac OSXがないと難しかったはずだ。そんな面倒さにやきもきしていたWindowsユーザはMobiOne Studioを使おう。これを使えば一気に未来が開けるはずだ。 MobiOne StudioはiPhone用のWebサイトをデザインするためのIDEだ。30以上のコンポーネントがあり、ドラッグアンドドロップで配置してWebデザインができる。とても簡単に最適化サイトの設計ができるはずだ。専用のアイコンも60種類以上ある。 生成されるHTML
スマートフォン対応サイトの作り方、教えます (1/3)
「WebサイトをiPhoneやAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン（iPhone/Android）向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。（編集部） iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、
iPhoneをデスクトップにマウントしてファイル操作できる「Phone Disk」 - ネタフル
iPhoneをデスクトップにマウントし、他のファイルと同様にファイル操作できる「Phone Disk」というソフトを試してみました。 Lifehacking.jpのiPhone/iPad を Mac にマウントできる Phone Diskで知りました。 iPhone Exploror の場合、ファイルをやりとりするインターフェースが若干不自由な面がありましたが、Phone Disk では iPhone / iPad はふつうに Mac 上のディスクとしてマウントされます。 ぼくも全く同じ「iPhone Exploror」を利用していたのですが、確かに若干使いにくさみたいなものがありました。なので早速「Phone Disk」を試してみた次第です。 まずはインストールから。 ソフトをダウンロードし、指示に従ってインストール作業をするだけなので難しくないでしょう。 起動すると、下記のような画面が
@donpy が常時チェックしている「iPhoneブログ50選」 〜Twitterリスト・アイコン追加しました。 | 覚醒する @CDiP 【個人ブログ】
いつもRSSなり、ブログなりで情報を漁る毎日ですが、その中身を本日はGW最終日と言うことで公開させて頂きたいと思います。今回紹介する50サイト以外にも巡回先は多数あるのですが、特に今回紹介するサイトは四六時中更新を今か今かと首を長くして待っているサイトさん達です。 1行目にサイト名、2行目にサイトURL、3行目に私の分かる限りのTwitterアカウント、4行目に簡単な紹介コメントを付けさせて頂いております。もし空欄でご存じの方がいらっしゃいましたら是非お知らせ頂ければと思います。Twitterアイコンがあれば左に表示させています。重かったらすみません。 紹介するサイトの数が50と、かなりのボリュームになっておりますので折り込みます。 なお、紹介したサイトさんのTwitterアカウントのブロガーリスト並びにアイコンを追加致しましたので、そちらも併せてご覧頂ければと思います。ブロガーさん達の日
iPhone対応Webサイト構築入門（後編） | OSDN Magazine
iPhoneに搭載されているWebブラウザ「Safari」は、WindowsやMac OS X向けのWebブラウザとほぼ同等の機能を備えている。そのため、PC向けに制作されたWebページはiPhoneでもPCで閲覧する場合とほぼ同じレイアウト・挙動で表示できる。しかし、iPhoneはPCに比べて画面サイズが小さいため、iPhone版Safariに向けた専用のレイアウト・機能を用意しておくと、iPhoneから利用した場合のユーザビリティが大幅に向上する。後編では、このような「iPhone専用ページ」の作成例を紹介する。 よりiPhoneでの閲覧に適したWebサイトを作る 一般的なPC向けWebサイトでも、本記事前編で紹介したような修正を加えるだけでiPhoneからの閲覧がしやすいWebサイトになる。しかし、これはあくまでPC向けのWebページをiPhoneでも閲覧しやすくするだけのものである
アップル以外で、iPhoneのアプリ開発の情報元になりそうなところ列挙 - 日本語で書く日記
ベルギーに行った 先日、ベルギーに行きました。 マグリットの絵とルーベンスの絵を見るのが目的。 あまり時間もなく、ブリュッセルとアントワープを駆け足気味で巡ることに。 ミュンヘンから車で10時間近くかかり、なんでこんな無茶をしてしまったのかとも思いましたが、ヨーロッパの方…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
『これからiPhoneサイトを作成するときに役立つ記事のまとめ』
Site is undergoing maintenance
iphone4simulator.com is almost here!
