15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
スマートフォンサイト作成の参考になるギャラリーサイトのまとめ
このブログではないですが、Google Analyticsを見るとスマートフォンからのアクセスが結構あったので、スマートフォン向けのサイトを作ってみようと思いました。 ただ、スマホ向けのサイトは作ったことがないので、まず実際に色んなサイトを見て参考にしようと思い、ギャラリーサイトを調べてみました。 国内ギャラリー まずは国内サイトです。iPhoneが中心になっています。この3つのほかにも色々ありましたが、内容的には似ているので、更新頻度や使いやすさなどを基準に選びました。 iPhoneデザインボックス 画像が大きく見やすいです。個別ページでは画像も多くPCサイトとの比較もあってとても使いやすいです。カテゴリもしっかりしています。 iPhoneデザインアーカイブ 掲載サイト数が多く、更新頻度もかなり高いです。 スマートフォンサイト集めました。 すっきりしたデザインで見やすいです。カテゴリも業
無料で学べる！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分クッキング 苦しんで
今更ですがiOSアプリ開発の基礎について色々調べてみました - もとまか日記Ｚ
最近、以下のような記事を不定期に書いているわけですが。 iPhoneアプリを作ってみよう（Xcode4編）第１回：じゃんけんゲーム iPhoneアプリを作ってみよう（Xcode4編）第２回：簡単ブラウザ そういえば、iOSアプリの開発の基礎的なことって、ちゃんと書いてなかったような・・・・？(^^;;; てなことを考えてた時にTwitterでXcode関連の開発本について、「どの本がいいですか？」的な質問を受けたりもしました。 そこで、大型連休にiOSアプリの開発の勉強をしたい！という方もいらっしゃるかもしれないし？、ってことで、iOSアプリ開発の「基礎」について、色々調べてまとめてみました。 iOSアプリ開発に必須なもの まず、開発環境として必要なのが以下。・Mac・XcodeMacは最近のものであれば、どの機種でも問題ありません。ちなみに私はサンタさんに頂いたMacBook Airの1
【スマホ集中連載 第11回(最終回)】過去10回分の“大事”なところをまとめました : LINE Corporation ディレクターブログ
こんにちは。新世紀メディアグループの石野です。 3月より始まりました短期集中連載「ディレクターのためのスマートフォン講座」も今回で最終回となります。11回を数える連載となりましたが、お付き合いいただきありがとうございました。 最終回は、本特集をダイジェストに振り返っていきたいと思います。過去10回の記事を読んでない人も大事なところを把握しやすいよう、ピックアップしていきます。 基礎勉強：スマートフォンの市場規模〜【第1回】 ◆【スマホ集中連載 第1回】 "スマホ時代は本格的に始まっている" 〜スマートフォンの市場動向まとめとlivedoorのPV 市場動向についてのまとめています。 ケータイ端末の契約台数は、1億1千万台でそのうち6%がスマートフォンユーザーとなります。各キャリアの販売予測から、2011年末時点で20%近くまでシェアが伸びると予測しています。この辺りの数字は覚えておいた方が
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
スマートフォンアプリデザインに役立つ 基礎のまとめ！
スマートフォンアプリデザインに役立つ 基礎のまとめ！：一撃デザインの種明かし（14）（1/4 ページ） 各キャリアが新Android携帯を続々と発表し、スマートフォンへの注目がますます盛り上がる中、アプリケーションも、iPhone／Androidともに展開するものが増えてきました。 そういった中で、本稿ではスマートフォンアプリのデザインのコツをまとめてみます！ iPhone／Androidともに展開しているアプリ3例 まずは、iPhone、Androidともに展開している有名アプリを3つ紹介します。それぞれのスクリーンショットを見ながら違いを探してみてください。 【1】クックパッド レシピの投稿と検索ができるアプリです。PCサイトの雰囲気はそのままに、トップ画面を旬のキーワードと履歴、検索ボックスのみに絞ったシンプルなUIになっています。要素とコンテンツを極力減らすことで、レシピ検索に集中
jQuery Mobile が必須スキルになる！と思うのでこれから勉強する際に参考になる記事まとめ | バシャログ。
Adobe の Creative Suite 5.5 が発表になりましたね。 Dreamweaver の進化っぷりが凄まじいです。マジで。 HTML5+CSS3への対応が目に付きますが、個人的にはjQuery MobileとPhoneGapフレームワークの導入に注目します。 アプリ開発はこれまで、Objective-Cやjavaが主流でしたがDreamweaverでアプリへの書き出しまで出来てしまうなんて…。今後、モバイルアプリケーションの統合開発環境のデファクトスタンダードになる予感が。 ってことで、まずはjQuery Mobileを理解せねば！ jQery Mobile についてはまだ書籍はあまりなく洋書しかありませんでしたので、参考になる記事を取り上げてみます。 http://jquerymobile.com/ 本家サイト jQuery Mobile Gallery http://w
#Titanium mobile で開発しだしたら役に立つ情報のまとめ | astronaughts.net
Titanium mobile 盛り上がってきたー！ ども。最近 Chrome Extension に浮気ぎみな僕です。 以前書いた記事がご好評をいただきましたので、また性懲りもなく まとめてみました。 はい、調子に乗ってすみませんです。 でもでも、あの記事以来自分でもいろいろ情報収集していたんですが、Titanium mobile 関連の記事がかなり 増えてきていて、盛り上がり方が尋常じゃない気がしたので 今回調子に乗りました。 で、いざまとめ始めるとボリュームが当初思ってたより多くなってしまいました・・・ 前回の分と重複していないはずですが、かぶってたらすんません。 あとおんなじブログの別記事も多いと思います。ご了承くらさい。 とりあえず必見のスライド @masuidrive さんのセミナーで使用されたスライドです。知っているスライドの中で一番有益な物だと思います。 Titani
【スマホ集中連載 第2回】 "Android独自の仕様を把握しよう" 〜iPhoneとAndroidを徹底比較 : LINE Corporation ディレクターブログ
スマートフォングループ ディレクターの石野です。 スマホ王子からバトンを受けまして「ディレクターのためのスマートフォン講座」第2回目です。今回は Android と iPhone を用途別に比較しつつ、Android 独自の仕様を丸裸にしていきたいと思います。レベル1 基本編 とりあえず知っておくべし！レベル2 ユーザー編 iPhone から Android へ乗り換えるユーザー向けレベル3 アプリ編 今後アプリ開発に携わる人向け レベル1: 基本編 (とりあえず知っておくべし！) ◆物理ボタンの数[ホームボタン] のみの iPhone に対して、Android には [戻るボタン] と [メニューボタン] が搭載されています。 文字通り [戻るボタン] は1つ前の動作に戻れます。ブラウザで遷移していれば前のページへ、ブラウザを開く前にアプリを起動していればそのアプリへ、そして [メニュー
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ:phpspot開発日誌
スマフォサイト作りの前に知っておくべきデザインギャラリー等リソースまとめ。 「スマートフォン向けサイトの作り方エントリのまとめ」にてスマフォ用サイト作りの基本はまとめましたが、実際にデザインする際の参考になりそうなギャラリーサイトやブログエントリをまとめてみました。 インタフェースの研究ということで、サイトデザインのみではなくアプリのデザインギャラリーも紹介。 ギャラリーサイト CSS iPhone 様々な海外ポータルやデザインサイトのiPhone向けサイトをサムネイル付きで紹介。 どのサイトもよくデザインされており、非常に参考にできる部分が多そうです。 iOSpiration iPhone Web Design Inspirations - iPhone and iPad Design Inspiration iPhone/iPadサイトやiPhone/iPadアプリ・ゲームのデザインギ
Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net
かなり熱くなってきた Titanium mobile 去年あたりから JavaScript で iPhone や Android のネイティブアプリが開発できる Titanium mobile が注目を集めています。実は僕も、この Titanium mobile を使用してアプリを開発しています。まだ何もリリースできていませんがっw Titanium mobile の情報は、有志の方々がドキュメント等を日本語でまとめてくださっているんですが、まだまだ細かい情報が少なく、分散してしまっているのが現状のようです。 そこで、自分が集めた情報を一度まとめてみました。これから Titanium mobile を触ってみようと思われる方は一度目を通してみてください。 Titanium mobile 入門関連 まず Titanium mobile を触る前に必ず見ておきたいサイトです。 チュートリアル
スマートフォン向けサイトの作り方エントリのまとめ:phpspot開発日誌
スマートフォン向けサイトの作り方エントリのまとめ。 スマートフォン元年といわれる2011年ですが、注目を集めているせいか、サイト作成法についてのエントリも盛り上がりをみせていますね。 個人的にもしっかり覚えておきたかったのでまとめてみました。 基本的には解像度が大きく異なるので、それにあったインタフェースに変えましょうね、という点と、HTML5/CSS3が使えるので駆使して楽にＵＩデザインしましょうという点、ユーザインタフェースがマウスではなくタッチである、という３点以外は、普通のサイト作りと変わりませんが、クセやバグがあったり、テクニックもあるので、しっかり押さえておきたいですね。 基本 スマートフォン向けサイトの作り方｜ユージック サイトの幅、高さ viewportによるズーム指定の方法 便利なJSライブラリ ユーザエージェント シュミレーター 等の有用情報 Androidサイトは横幅
携帯サイトのデザイン参考サイトまとめ -歌って踊れるプログラマー
年末から、携帯サイトを構築しています。 え、スマートフォンやiPhoneジャネーノ！？とか言わないでください。 デザインができないので、参考になるサイトを探しつつ、自分用にまとめてみました。 モバイルサイトデザイン集のモバイルデザインアーカイブ By ニューインデックス株式会社様 オススメ度： ★★★★★ 掲載数 ：★★★★★（約1700サイト／2010年1月現在） コメント ：圧倒的なサイト数の多さ！そしてカテゴライズされているので見やすいです。 ▼一覧ページ。 モバミル イケてる携帯サイトデザイン By 面白法人KAYAC様 オススメ度： ★★★★★ 掲載数 ：★★★★★（約600サイト／2010年1月現在） コメント ：3キャリア分の画面キャプチャがあり、各キャリアの絵文字の表示の違いなどが非常にわかりやすいです。 ▼一覧 ▼QRコードと、３キャリアの表示の違いが見れま
【ハウツー】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
ke-tai.org > Blog Archive > jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ
jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」の関連記事まとめ Tweet 2010/10/22 金曜日 matsui Posted in 記事紹介・リンク | 1 Comment » jQueryをスマートフォンなどのモバイルデバイスへ対応させるためのライブラリ「jQuery Mobile」のAlpha版が、2010年10月16日にリリースされました。 プログラマにもデザイナにも人気のあるjQueryですし、スマートフォン向けサイトの需要が日に日に増している状況ですので、これは期待のプロジェクトだと思います。 そんな「jQuery Mobile」の情報を簡単にですがまとめてみました。 まず本家のサイト。 → jQuery Mobile トップ [querymobile.com] → jQuery Mobile Alpha 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPhoneアプリのUIパターンを集めた『Mobile Patterns』 | 100SHIKI
Webサイトをスマートフォン対応してと言われた時に見ておきたいサイトまとめ｜caraldo.net | WebとiPhoneとロードバイクが大好き！
iPadとiPhoneのUIエレメントのベクター素材とPSD素材のまとめ
[CSS]Media Queries（メディア クエリ）を使用したデバイスごとの指定方法のまとめ