こんにちは、技術部モバイル基盤グループの茂呂(@slightair)です。 モバイル基盤グループでは、クックパッドの iOS/Android アプリに関する様々な仕事をしています。 不具合を抑え、品質を保ちながら安定してリリースサイクルを回せる環境づくり アプリの開発者がサービス開発に専念できるように、コードリファクタリングやライブラリの整備 OSやライブラリ、開発ツールのバージョンアップに伴う調査・検証・対応 この記事にはiOS9がリリースされた結果、クックパッドのサービスに何が起き、どういう対応をしてきたかをまとめます。 Universal Links iOS9 で Universal Links という機能が入りました。これは、Safari で開いた Web ページ中のリンクに対応したアプリが端末にインストールされていれば、アプリでリンク先のコンテンツを表示できるというものです。 う
明けましておめでとうございます。 🙂 昨年のご愛顧も込めまして、「WordPress デザインワークブック」共著のコモモさんこと高橋朋代さんと Web 仕掛け絵本のサイトをつくりました。とてもかわいい感じになりましたので、良ければ見てください！ バッタになりたい魔法使い – pararaehon.com PC/Mac はモダンブラウザ(IE8 以下はごめんなさいです）に対応しています。 モバイル系は iOS は 6 以降の Mobile Safari、Android は 4 以降の Chrome が良い感じで見れます。Android 2 の方は Firefox 17 を使うとゆっくりですが動作します。3G 回線の場合は、ちょっと読み込みに時間かかりますので、白くなったりしたらリロードしてみてください。キャッシュするときれいに動きます。 iPhone/iPad は 4S 以降(Apple
先々週夏休みをいただきました。休み中はずっと家でPSPのゲームをやってましたtanakaです。 最近は iPhone5 が出たことがもちろん話題になりました。私も買おうと思ってますが、今回紹介するのはiPhone5ではなく、iOS6 Mobile SafariのデバッグがMacでできるようになったことです。 PC ブラウザに近いのデバッグ環境になって、開発マシンとしてのMac がさらに魅力的になってきましたね。 使ってみる 実機・シミュレータのどちらでも同じような感覚でデバッグできますが、実機の場合はUSB で Mac につないでおきます。次に Mobile Safari の設定で Webインスペクタを有効にします。 設定 > Safari > 詳細 > Webインスペクタ をオンに そうするとMac 版 Safari の開発メニューにシミュレータと、iPhone の名前が表示されます。(
こんなの見つけましたiWebInspector [簡単な使い方] iOSシミュレータを立ち上げる シミュレータ内のSafariで調査したいページを開く iWebInspectorの”Load from Safari”をクリック Page Listingという今見てるページの確認画面が出るので良ければリンクをクリック SafariとかChromeのWebインスペクタに似た画面になるので、色々HTMLとかCSSを調整すると、iOSシミュレータ内のSafariに反映される！ 立ち上げるとこんな画面 iOSシミュレータのSafariで適当なページを開く Webインスペクタが表示された！ インスペクタでタグを選ぶとシミュレータ内のタグがハイライトされる。 background-colorを変えてみたり、h2タグの中身を変えてみたり 読み込み速度見てみたり ConsoleからJavascript叩いて
iOS6へとバージョンアップし、世界中から批判を受けているiOSの標準地図アプリ。「iOS6の地図アプリが韓国語入りになってしまったので、その対処」では、iPhoneから消えてしまったGoogleマップをホーム画面に追加して、一発で起動する方法を紹介しました。 ただ、普通にホーム画面へと追加すると、画面下のメニューがちょっと邪魔なんですね。「戻る」とか「進む」とか、普通のSafariのメニューが出てきて、その分地図が狭くなってしまっています。 そこで今回は、下のメニューもなくして、全画面表示で表示できるようにしてみました！下の画像を見てもらえば一目瞭然！Safariのメニューがなくなって、地図が広々としました！ Googleマップを全画面で表示するやり方は、以下のコードをコピーし、iOS6のSafariのURLに貼り付けて実行し、そのページをホーム画面に追加するだけです。 data:tex
目次1 エミュレーター端末1.1 Android 1.5 (API Level3)1.2 Android 1.6 (API Level4)1.3 Android 2.1 Update1 (API Level7)1.4 Android 2.2 (API Level8)1.5 Android 2.3.1 (API Level9)1.6 Android 2.3.3 (API Level10)1.7 Android 3.0 (API Level11)1.8 Android 3.1 (API Level12)1.9 Android 3.2 (API Level13)1.10 Android 4.0 (API Level14)2 実機の端末 - Docomo2.1 Samsung2.1.1 SC-02B - Galaxy S (Docomo)2.1.2 SC-01C - Gallaxy Tab2.1.
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
日本は世界に知られるゲーム大国でもあり、「スーパーマリオ」「ドラゴンクエスト」「どうぶつの森」などなど、これまで数々の世界的ゲームを生み出してきています。そんなゲームを生み出す「ゲームデザイナー」。必然的に人気の職業でもあります。 ゲームデザイナーは「ゲームプランナー」とも呼ばれ、ゲームの基本設計（＝開発）をする仕事です。広範囲の開発技術や知識を要するだけでなく、ゲームの流行にも敏感でなければいけません。ゲーム設計は高度な技術を要しますが、一つの大きな世界観を生み出し世界に発信できる可能性がある面などは、やりがいのある仕事といえるでしょう。 キャラデザインは別の職業 ちなみに、ゲームデザイナーはゲームの登場人物のキャラクターデザインをする仕事のように勘違いされることもありますが、それは勘違い。キャラクターデザインをするのは、グラフィックデザイナー（CGデザイナー）の仕事となります。 ゲーム
iPhone Safariから画像を投稿するならMMS連携が便利です。 iScreenShotのように、iPhone Safariから写真や画像を投稿してもらうWebサイトを作る時に悩むのが、どういう方法で画像をWeb側に投稿してもらうかです。 実際に構築するにあたって色々と試してみました。 Safariからファイルアップロード Safariからファイルアップロードで画像を投稿して貰う方法です。 単純に考えればこれですね。開発を始める時は、スマートフォンだしPCと同じ方法で良いよね、と安易に考えていました。 しかし試してみると分かるのですが、iPhone/iPadのSafariでは残念ながらファイルアップロードはできません。 ファイル選択ボタンが無効になってます。。。 メールから送信 次に考えたのが、メール添付による投稿。 mailto:でメールアプリを起動して、画像を添付して貰えれば良い
この間作ったiPhone用Webアプリ、ちょっと手を入れてみました。 iPhoneってiPadとか含めても画面デザインのバリエーションがないから、普通にWebサイト作るのと比べて楽だなぁと思っていたんですが、落とし穴がありました。 左側みたいに320×480サイズでデザインすると、通常モードではツールバーが表示されるので右側のように320×460サイズしか使えないわけです。フッターエリアで能書きが隠れちゃいました。 他人にチェックしてもらうとこういうモノもちゃんと見つけることができます。自分チェックだと先入観があってダメですね。 で、どう対処するか？どうしてもね、Webアプリなので初回はSafariでアクセスしてもらうことになります。高さ460pxに収まるデザインというのもひとつの解ですが、ネイティブアプリっぽく使ってもらいたいという思いからするとホーム画面にアイコン登録してほしいっ。o(
iPhone 3.0 の Safari では html の head 内に と記述する事で、ネイティブアプリのような起動画面が設定できるようになりました。画像のパスはなんでも大丈夫です。 参照：iPhone 3.0でSafariに追加されたもの（ http://blog.sohaya.com/2009/06/21/iphone-30-mobilesafari-features/ ） 上記の設定をしただけだと起動画面は表示できず、head 内で <meta name="apple-mobile-web-app-capable" content="yes"> と、全画面表示の設定をした上で、一度 Webアプリをホーム画面に登録して、そのアイコンから起動する事で起動画面を表示する事ができました。 ↓iPhone で確認してみてください。 Calc 10 ( http://www.grkt.com
キャッシングサービスとは、要するにお金を借りることで、最近はインターネットを活用して業者に融資申請をして、指定の銀行口座へ現金振り込みをしてもらえるという、大変便利なサービスを利用することができます。しかし、キャッシングをしているという事実を家族にばらしたくないという方も多いので、銀行口座への振込は履歴が残ってばれる可能性があるから、望ましくないと考える方も多くいます。そんな時には、キャッシング業者の店舗に足を運んで、直接受け取りの方法を選択することができます。キャッシング業者のほとんどが無人ATM機を導入していて、土日祝日関係なく、いつでも融資申請をすることができます。その場で所定の手続きを進め、審査に通過することができれば現金を手にすることができます。この方法だと、銀行口座を経由することなく、融資金を借り入れすることが可能となります。一度所定の手続きを踏めば、キャッシング専用のカードが
Bóng đá Live Bóng rổ Live Tennis Live Cầu lông Live Bóng chuyền Live Esports Live LIVESCORE LIVES
米Appleは米国時間2010年7月28日、Webブラウザーの最新アップデート「Safari 5.0.1」をリリースした。Safari拡張機能（Safari Extensions）の追加を可能にするとともに、拡張機能を紹介するWebサイト「Safari Extensions Gallery」を開設した。 Safariは今年6月に拡張機能のサポートを開発者向けに提供しており、開発者はHTML5、CSS3、JavaScriptなどのWeb標準技術を用いて拡張機能を開発できる。今回のアップデートにより、一般のユーザーがSafari Extensionsを追加可能になった。 Webフィードをライブで表示するツールバーや、Webコンテンツを振り分けるフィルター機能をはじめ、米Amazon.comのECサイト、米Microsoftのオンライン検索「Bing」、米New York TimesのWebサイ
Safari拡張をいくつか作って大体感覚は掴めたので、ざっくりと拡張の作成手順を解説してみます。 なお、Windows版で作業していますが、Macでもほとんど同じだと思います。 Safari拡張とは 最初に、Safari拡張とはなにか、について。Safari拡張はHTML/CSS/JavaScriptをベースに、ブラウザ側が用意したAPIを使ってブラウザを便利にするモジュールです。通常、JavaScriptだけではクロスドメインの問題など、実現できることに制限がありますが、その点を拡張用に用意されたAPIで補います。そのため、APIが用意されていない部分については対応できないという制限があります。しかし、開発のし易さ、ウェブとの親和性の高さからアイディア次第で便利で強力なツールとなるのがSafari拡張・Chrome拡張です。 なお、現状のAPIは暫定的なもので、ここで紹介するのもあくまで
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
