スマートフォン対応でよく使うhtml、css、javascriptのまとめ
スマートフォン(ios、android)向けのウェブサイト・ウェブアプリを作る際に個人的によく使うhtml、css、javascriptの備忘録。 html関連 headタグ内での設定<!-- //デバイスサイズにあわせて表示領域を変更する --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- //電話番号のリンクを無効化 --> <meta name="format-detection" content="telephone=no"> <!-- //ホーム画面用アイコン --> <link rel="apple-touch-icon" href="icon.png"> <!-- //ホーム画面用アイコンの光沢を無効化する --> <link rel="apple-touch-icon
【終了】[iOS] 4Sを含めた全てのiPhone＆iPadでSIMアンロックが可能に！＆ その方法！
注意 以下の方法は脱獄と同等に危険な作業です。 全ての環境で成功するとは限らないことも必ず認識してください。 実行する前に手順を全て読み、理解した上で全て自己の責任において行って下さい。 また、実行することで復元が必要になったりといった不具合が発生する可能性も十分に考えられます。 必ずバックアップを取り、復元を行える状態にある中で実行して下さい。 iPhone 4SではSHSHがあってもiOS 5.1へしか復元出来ませんので、その点も十分にご注意下さい。 SIMアンロック手順 【追記３】2012年4月27日：Appleがアクティベーションサーバーに修正を加えたため、この方法でのアンロックが不可能になりました！ 詳しくはこちらの記事をご覧下さい。 Step１：SAM の インストール 下記の配布リポジトリをCydiaへ登録します。 http://repo.bingner.com 詳しいリポジ
![【終了】[iOS] 4Sを含めた全てのiPhone＆iPadでSIMアンロックが可能に！＆ その方法！](https://cdn-ak-scissors.b.st-hatena.com/image/square/b56d03968b821f0e58ab63c3b28982e7af150677/height=288;version=1;width=512/https%3A%2F%2Ftools4hack.santalab.me%2Fmedia%2Fuploads%2F2015%2F03%2Fsam-simunlock-4s-ios5-01.jpg)
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
英語を英語のまま理解するために〜iPhoneとDUO 3.0による英語学習法〜 - iPhoneとiMacと自分と...
少し前から、大学受験やTOEIC対策の教材としても有名な「DUO 3.0」を使っています。 今回はこのDUO 3.0とiPhoneを使った私の英語の勉強法をまとめてみました。 尚、始めた時の英語のレベルは、S(主語)とV(動詞)が分かる程度。基本文型とかいわゆる基礎的な部分もあやふやな感じでした。 英語の勉強を始めた動機 私の場合、海外のニュースを英文のまま理解したいというのが事の始まり。なので、会話や書き、TOEIC◯◯◯点！というよりも、まず「読めること」を目標にしました。 ただ、興味のある分野でないと続かないので、まずはiPhoneやMacの情報を扱っているサイトを中心に購読。個別に挙げると長いので、Twitterのリストにして公開しておきます。 DUO 3.0とは？ 収録されている560本の英文に1572の重要英単語、997の重要英熟語を含んでいます。 単語とその意味だけが並んでい
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
[iPad, iPhone] Book+: PDFが「超」読みやすいPDFビューワー。全自炊ユーザーに強烈にオススメ。 | AppBank
iPadをご利用の全自炊ユーザー・ビジネスパーソンに強烈にオススメしたいPDFビューワ、BOOK+が登場しました。 あらゆるPDFビューワーをみてきた私が感じるに、PDFの読みやすさは圧倒的です。 読みたい範囲を指定するとアプリが自動的に読みやすいと思われる大きさに拡大し表示位置を調整してくれるスマートフォーカス機能、そして画面に最大64ページ同時表示ができるマルチページビュー機能が圧巻。 スマートフォーカス機能で、今までiPadで読みにくかった雑誌や段組のある資料がスムーズに読めるようになります。 マルチページビュー機能で、今までiPadで実現されていなかった書籍や雑誌全体を俯瞰することができるようになりました。 いやー、これは胸が熱くなるアプリです。早速ご紹介していきます。 スマートフォーカス – BOOK+ 2段組のPDFを開いてみました。ここで普通なら二本指ピンチアウトでPDFを拡
無料で学べる！iPhoneアプリ開発情報まとめ厳選38個！ » SHINGOLOG
iPhoneアプリ開発に関する本は溢れていますが、iOSはとても奥が深く、本だけでは自分に必要な情報を集めきることは不可能です。そこで、突っ込んだ情報はインターネットを使って、探していくことが必要です。今回は、インターネットで公開されている有益なサイトをまとめてみました。 iPhoneアプリ開発の基礎 いまさら聞けないiPhone/iPadアプリの作り方の基礎 目指せ！iPhoneアプリ開発エキスパート iPhoneプログラミングの基礎：View Controller 第2回 iOSアプリ開発の準備 iOS Developer Programへの登録方法 C言語すら知らなかった私が２ヶ月でiPhoneアプリをリリースするまでにやった事。 Objective-Cについて Objective-C入門 Objective-C 最速基礎文法マスター Obejctive-C 3分クッキング 苦しんで
スマフォにも最適化し、ファンゲート対応のFacebookページも作成できるフリーのWPテーマ・Flexibleがなかなか良さそう
iPhoneのようなスマートフォンや、iPad のようなタブレットデバイスだけでなく、 Facebookページにも対応できる様に 工夫されているフリーのWordPress テーマ・Flexibleをご紹介します。ベース はTwenty Tenみたいですね。 css3のMedia QueryでiPhoneやiPadにレイアウトを自動調整し、ファンゲート対応のFacebookページの作成にも対応している珍しいテーマです。ファンゲートとは、FBページを「いいね！」した人だけ見れるようにする、というFB独自の機能です。※後述 [note]以前書いたMedia QueriesでスマートフォンやiPad等の様々なデバイスに対応済みのWPテーマいろいろもご参考下さい。[/note] シンプルながら機能が凝縮されたテーマなのでフレームワーク的にも使えそうです。 ベースはTwenty Tenだそうですが、か
iPhone・iPadユーザーの全てにオススメできる無料のメモアプリ「DraftPad」が超絶便利な10の理由 | なまら春友流
素早い起動 安定した挙動と万全のバックアップ 文字サイズの変更とテキスト内要素を表示 無限大の可能性「アシスト機能」について evernote保存 Dropbox保存 各種連携がとにかく便利すぎる iPhoneデフォルトカレンダーの入力が超絶便利 ブログエディタとしても超絶便利 最後に 1. 素早い起動 起動速度は私が常に使用するメモアプリに求める絶対的な条件。 全てのアプリに必須な条件でもあるのだがメモアプリには特に重要視する要素。 アプリを起動したらすぐに書き出せるようになっていることが望ましい。 私が愛している他のメモアプリ(FastEver)も起動した直後に書き出せるようになっている。 ちなみにDraftPadの初回起動時の速度はテキスト入力系アプリのなかで最速の部類に入る。 2. 安定した挙動と万全のバックアップ こちらも全てのアプリに言えることだが「書く」という行為においては安
これをベースにすればマルチデバイスも手軽に。HTML5製のWordPressテーマ·Constellation Theme MOONGIFT
Constellation Themeはデスクトップ、スマートフォン、タブレットに対応したHTML5製のWordPressのテーマ。 Constellation ThemeはPHP/WordPress用のオープンソース・ソフトウェア。Webサイトを構築する際にWordPressをベースに開発するケースが多くなってきた。CMSとして、ブログとして、認証やプラグインの仕組みだけを使うなどと幅広い利用法が考えられる。 トップ Webサイトを構築する際に、後からスマートフォンやiPadなどのマルチデバイスを考慮するのでは遅い。元々考えられている、Constellation Themeのようなテーマをベースにすべきだろう。 Constellation Themeはカスタマイズ前提で導入するテーマだ。HTML5を使っており、デスクトップはもちろんiPhoneやiPadも考慮されている。カラム数は2、6
電源・無線スポットを探せるサイトとアプリ10個 *男子ハック
@JUNP_Nです。先日出先にてMacで作業をする時があったのですが、いつも行く場所ならまだしも普段行かない場所ではなかなか電源や無線LANを確保できない時ってありませんか？ということで普段行かない場所で電源を確保できる場所を調べるサイトをまとめてみました。
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
PCサイトをスマホ対応 CSSテク自己まとめ（１・２回まとめ） - Kaleidoscope
PCサイトをスマホ対応するという記事を１・２回と続けてみて、意外とボリューム満載になってしまったので、 一旦ここまでのCSSテクについてまとめます。 ■第1回 メニュー編 ■記事はこちら ★タグでViewportの設定。メディアクエリによるCSS振り分け。 スマホサイトを作る上で欠かせない準備。 … <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <!--viewportの指定--> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" /> <!--/viewportの指定--> <!--メディアクエリでPC用・
モバイル開発に欠かせないテストツール14選
Adobe Device Central CS5 Adobe CS5 をパッケージ購入すると一緒についてくるモバイルデバイスのテスト環境。様々なエミュレーターが存在しますが、オールインワンで素早くテストがしたい場合はこちらがオススメです。特に Flash を活用したモバイルサイトをテストするのであれば欠かせない存在です。 Android SDK Javaで開発されているので、Mac, Windows, Linux で動作する公式のエミュレーター。2011年1月現在、Android OS 1.1 〜 2.3 までのテストが可能。エミュレーターは実際のスマートフォンと同じ動作をするので、ディフォルトのブラウザだけでなく、Opera Mini や Firefox など他のブラウザをインストールしてテストすることができます。 iOS SDK XCode も含め諸々ダウンロードしなければいけませんし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
台州钾掖商务服务有限公司
http://ryosblog.net/6654
手書きメモをスッキリデジタル化「ショットノート」 | KINGJIM
カード類: iPhoneでカードを管理しよう。財布から取り出す必要がなくなった！387 | AppBank
はてな