iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
Safari拡張の作り方 - os0x.blog
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
AppleがiPad/iPhoneでも見られるHTML5ショーケースを公開 (追記あり)【@maskin】 | TechWave（テックウェーブ）
1990年代初頭から記者としてまた起業家としてITスタートアップ業界のハードウェアからソフトウェアの事業創出に関わる。シリコンバレーやEU等でのスタートアップを経験。日本ではネットエイジ等に所属、大手企業の新規事業創出に協力。ブログやSNS、LINEなどの誕生から普及成長までを最前線で見てきた生き字引として注目される。通信キャリアのニュースポータルの創業デスクとして数億PV事業に。世界最大IT系メディア（スペイン）の元日本編集長、World Innovation Lab(WiL)などを経て、現在、スタートアップ支援側の取り組みに注力中。 「HTML5に掛ける」と言い放ったスティーブ・ジョブズだが、Appleは本当にHTML5に夢中のようだ。 日本時間の6月4日未明、米Appleのサイトに「HTML5&Web Standards」というタイトルのHTML5ショーケースが登場した。「Video
WebKit／Google Chrome開発者に聞く、HTML5最前線 － ＠IT
2010/05/12 「グーグルのエンジニアがSafariのためにコードを書くこともあるんですよ。WebKitコミュニティの中では、そのほうが物事の進みが速いという不文律のようなものがあるんです」 こう語るのは、グーグルでChrome開発に携わるソフトウェア・エンジニアの鵜飼文敏氏だ。鵜飼氏はChromeに機能を追加するために、WebKitコミュニティでWebSocketの設計、実装なども行なっている。 WebKitは不思議なプロジェクトだ。よく知られているように、Google ChromeとApple Safari（およびiPhoneやiPadに搭載されるそのモバイル版のMobile Safari）は、オープンソースベースで開発が進む「WebKit」というコードベースを共有している。ここにさらに、WebKitを統合したGUI開発フレームワーク「Qt」を抱えるノキアや、搭載ブラウザをWeb
Mac OS X の tips いっぱい - novi's page
ショートカットキーはすべてのアプリケーションでほとんど共通。 アプリによってはEmacsやviのキーバインドが使えることがある。 optionまたはshiftを押しながらメニューバーの項目を選ぶと項目が変化する。(Finderで確認) Dockアイコンを右クリックしながらoptionで、メニューの項目が変化する。 option+Dockアイコンクリックで隠す。 コマンド+Dockアイコン(含Stack)クリックでアプリをFinderに表示。 コマンド+Stack内の項目クリックでその項目をFinderに表示。 タイトルバーダブルクリックでしまう。 コマンドを押しながらドラッグでメニューエクストラやツールバーの項目を移動できる(システム標準のもののみ)。 ↑そのまま枠の外に移動すると消すことができる。 Stackを右クリックすると細かい設定ができる。 Finderで項目をドラッグ中にopti
はてなブックマーク用ブックマークレット for iPhone - sarusaruworld lab - Web Lab
上記を、ひとつのブックマークレットでやりますよ、for iPhone Safari。 画面イメージはこんな感じ（※うっすら、下のサイトが透けて見えます） 。 黒い部分をクリックすると、画面が閉じます。 ・hateb.iPhone（Safariで登録するかた用） ・hateb.iPhone（iPhoneで登録するかた用） ご要望があれば、はてなRSSの登録ボタンの追加なり、なんなりする用意はありますよ！こちらには！どんと来やがれ、こんちくしょう。できる範囲で、こんちくしょう。 手前ミソですが、なかなか手放せないツールになりつつあります。 はてブコメントが画面遷移なしで見れるのが良い！ちなみにiPhoneがすぐ再読み込みに行くの、なんとかならんかのぅ。 ※追記 関連ブックマークレット「ブックマークレットをまとめたブックマークレット for iPhone / iPod touch」も公開しました
ASCII.jp：
アクセスランキング トピックス ソニー、PS5の認定再生品を販売へ 低価格ニーズに対応か AI AIが考える“アイドル”がリアルすぎた グーグル「Imagen 3」なぜ高品質? 自動車 Hondaのコンパクトカー「FIT RS」は軽自動車よりも安く買えて走りがキモチイイ！ iPhone アップル「iPhone 16」シリーズ、オススメはこの2つ iPhone iPhone 16／iPhone 16 Proと過去のほぼ全部のiPhoneを詳細表でスペック比較！ トピックス 電池交換不要、コイン型電池CR2032の代替を開発 SMK iPhone ビッグウェーブさん、新型iPhone購入へ “聖地”で並ぶのは4年ぶり 地方活性 令和の時代に生き続ける、かつての“東洋一のマンモスビル”に残る昭和レトロ iPhone 【実機レポ】新iPhone 16 Pro／iPhone 16はケース選びが大事！
「Flash vs. HTML5」という構図がはっきりと見え始めたぞ、と
業界関係者（特にスマートフォン関係の仕事をしている人たち）少し前からすでに気がついていた話だが、今回のAdobeからの一連のアナウンスメントで明らかになってきた「HTML5対Flash」という構図。とてもワクワクする戦いだ。 ウェブ上のリッチコンテンツという分野でリーダーシップ・ポジションを取りながらも、「無料Flashゲーム」と「ウェブサイトの見栄えをちょっと良くするアイ・キャンディ」というニッチなポジションに一度は追いやられるように見えたFlash（数年前の話）。しかし、動画フォーマットがReal Networks、Microsoft、Appleの三強いの間で中に浮く隙間を付いた戦略で、見事に「ウェブ上のマルチメディアのデファクト・スタンダード」のポジションをがっちりつかんだかに見えるFlash（現在）。しかし、その地位も安泰ではない。 Adobeにとって一番頭の痛い問題はiPhone
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhone SDK - Add a "Add to Home Screen" button in a UIWebView
Javascript for "Add to Home Screen" on iPhone?
iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more – Breaking the Mobile Web
わかばマークのMacの備忘録 : Safari のタブ切替は control+tab