[B! iPhone] Sireのブックマーク

スマホサイト全体のキャプチャを一度で撮って効率化！WebCollectorを使ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。ライターの伊丹松です。最近喉が痛いです。9月10月に風邪を引かない人って逆になんなんでしょうね。さて、最近では﹁モバイル・ファースト﹂などと言われるように、ますますプライオリティが高まっているのがスマホサイト制作。しかし、PCサイトに比べてどうしても縦長になってしまうため、キャプチャが必要な場面でも一度に全画面を撮ることができません。スクロールして撮った複数の画面写真を後からPhotoshopで繋げて…という作業経験がある方も多いのではないでしょうか。デザインチェック、デバグ、構成書・指示書への貼付けなど、キャプチャはさまざまな場面で必要になります。ちょっとした作業ですが、ページ数が多いサイトなどでは、トータルでみればけっこうな作業量になります。そこで今回は、そんなキャプチャ作成作業の手間を解消してくれるアプリを紹介したいと思います。 WebCollectorの紹介他

Sire 2014/10/03

リンク

白牙隊A2屯所: windowsパソコンでiPhoneのURLスキームを調べる方法

windowsパソコンでiPhoneのURLスキームを調べる方法 windowsパソコンでiPhoneのURLスキームを調べる方法 iPhoneでお気に入りの仕組みの一つが﹁URLスキーム﹂というものです。これはアプリを呼び出すアドレスのようなもので﹁http://www.hogehoge.com﹂というようなURLアドレスの﹁http://﹂のところをアプリ固有のものに変えたような記述になります。たとえば﹁Line﹂ならば﹁line://﹂という値が設定されており、これをsafariのアドレスバーに打ち込むとLineが立ち上がります。 ▲﹁line://﹂と入力するとLineが起動!!このURLスキームはアプリ開発者側で公表していないこともあり、手持ちのアプリのURLスキームがなかなかわからない、という事がありました。特にwindowsパソコンでは調べる方法がやや煩雑だったのです

Sire 2014/08/22

リンク

たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color

もくじ幅をデバイスサイズに合わせるスマホを横にしたときに文字が大きくならないようにする電話番号に自動的にリンクが付かないようにするリンクを押したら電話をかけられるようにするリンクを押したらGoogleマップアプリを起動させるリンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせるまずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにするスマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし

Sire 2014/06/09

リンク

サイトを診断してみましょう - GOMO by Google

この診断ツールを使用すると、現在のサイトがスマートフォン上でどのように表示されるかを確認できます。また、スマートフォン向けサイトを構築するのに役立つ無料診断レポートが作成されます。レポートにはサイトに合わせた個別のアドバイスも含まれます。まずは、下の欄に URL を入力してください。

Sire 2012/11/30

スマートフォン最適化　1年間は無料

リンク

第1回概要を押さえる

出典：日経NETWORK 2012年4月号「はじめてのMDM」 pp.90-93 （記事は執筆時の情報に基づいており、現在では異なる場合があります）スマートフォンやタブレット端末といったスマートデバイスの企業利用が拡大している。スマートデバイスは小型軽量で操作性に優れ、素早く起動して、ネットワーク経由で社内システムやクラウドサービスに手軽に接続できる。利用者は外出先から必要な情報に簡単にアクセスできるようになった。ここ最近はBYOD▼というキーワードが流行っているように、個人持ち端末の業務利用を認める企業も出てきている。一方で、常に持ち歩くスマートデバイスは紛失・盗難の危険にさらされやすい。時にはバッテリー切れや故障などで使えなくなることもある。また、管理者にとっては、利用者がセキュリティポリシーや業務ルールを守っているかどうかもチェックしなければならない。そこで、スマートデバイスの

Sire 2012/11/27

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

Sire 2012/10/05

リンク

iPhone/iPadアプリデザインで使っているツール

企画やらUIを考えるツール iPhone Idea Sheet︵PDF︶三階ラボさんのアイデアシート︵PDF︶。 iPhoneの枠だけじゃなく、ナビゲーションバーやタブバー、ステータスバーが書きやすいように、うっすら線が入っていてGOOD。印刷して何枚か持ち歩いている。何か作りたいなーどうかなーと思ったら、手書きでワーっと書く。このシート自体が美しいので、いいもの作れそうな気がしてくる。紙なので、対面でのブレストやら打ち合わせしながら書き込みやすい。 Cacoo︵Web︶ UIの構想がまとまってきたら、Cacooで清書してチームで共有。 iPhoneの各パーツのステンシルが揃っているので、きれいに、わかりやすく作れる。SkypeミーティングのときにみんなでCacoo触りながら話したりとかしている。Interface HD︵iPad App︶ iPad上で、iOSパーツを組み合わせて

Sire 2012/09/07

★★★★★いろいろなアプリのUIもある

リンク

CO2 |TestFlight導入してみた　その２

という訳で、その１に続いて TestFlight の導入に関してまとめ。今回は主に、AdHoc の設定とビルドしたアプリのアップロードデバイスからのダウンロード＆インストールあたりまで。 TestFlight https://testflightapp.com オーガナイザから XCode に登録されてると思うので、その続きから。 ※ Version 4.3.2 時点での設定方法なので、それ以外のバージョンでは違う可能性もあります。 ■ AdHoc用 Configuration の追加プロジェクトの設定画面からInfoタブを開き、Configurations の下の方にある「＋」を押して、「Duplicate "Release" Configuration」を選択。名前は適当で問題ないけど、分かり易いように AdHoc としておく。この辺も参考に http://atty303.

Sire 2012/07/03

AdHocでのアーカイブとipaの作成について

リンク

他人のiPhoneをテスト機として使用する(Ad Hocビルド)：iPhoneアプリ開発雑記帳

他人の(自分以外の)iPhoneやiPadをテスト機として使用する方法をご紹介しておきます。友人などにテストに協力してもらう場合には、iTunesを利用して識別子(UDID)を取得してもらいデバイス登録を行います。デバイス登録が完了したら、Ad Hoc配布用のプロビジョニング・プロファイル(Provisioning Profile)を作成し、Provisioning Profileとアプリ本体を渡して、iTunesに取り込んで同期してもらうという流れになります。 iTunesを利用した識別子の取得 (iPhoneの持ち主側の作業) まずは同期するときと同様にiPhoneをiTunesに接続します。 iTunesにiPhoneの項目(項目名はiPhoneの初期登録時に付けた名前になります)が出てきますので、その項目をクリックし、iPhoneの電話番号などの概要が書かれた画面を表示します。

Sire 2012/07/02

ipaファイルの作り方

リンク

HTML5で使えるスマートフォンの機能 | DevelopersIO

HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F

Sire 2012/06/28

リンク

IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll

デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザデスクトップ主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,

Sire 2012/06/11

リンク

ごりゅご.com

Sire 2012/05/29

これはすごいが、無料は1回きり

iPhone

リンク

英語教材の選び方のコツ | Wakarueng

近年の日本ではグローバル化が進み、積極的に英語を取り入れる企業が増えてきています。多くの企業ではTOEICのスコアを採用に重視しており、また大手企業の楽天とユニクロが2012年より英語を公用語として採用する方針を発表しています。英語が苦手な人にとっては、どんどん厳しい時代になりつつあります。しかし、ピンチはチャンスと言う言葉があるように、ビジネスにおいて重宝される英語スキルを身につけるこで周囲に差をつけることが出来ます！英語教材ラボでは、評価別やジャンル別など自分のスタイルに合った英語教材を探すことが出来ます！また基礎を学ぶことができるアドバイス記事も参考に。

Sire 2012/04/06

リンク

iPhone等での表示をPCで確認出来るAir製のシミュレーター・Mobilizerがローカルファイルにも対応出来るし、割と良かった

iPhoneや、BlackBerryなどでのWebサイトの表示をPCで確認出来るシミュレーターです。Air製で無料で使えます。まだ使い始めたばかりなんですが起動も軽く、ユーザーエージェントもそのデバイスごとに設定してくれてるみたいです。シミュレーター︵エミュレーター？よくわからｎ︶はいくつかありますが、選択肢の一つとして。WinでもMacでもOKです。完璧ではないですけど、今までで一番良かった気がしました。もともと優れたシミュレーターはまだ無い気がしますしね・・・あるのかな？ｗ動画あったので貼っておきました。iPhone4は勿論、Plam PreやBlackBerry、HTCなど4種のデバイスを同時に確認出来ます。ローカル上のHTMLも動作確認出来ますよ。Airアプリなので動作にはAdobeAirが必要です。4つ同時に起動可能日本なら、基本的にiPhoneとAndroidだけあれば

Sire 2012/03/02

エミュレータ

リンク

iOSデバイスのクラッシュログを読むには - Awaresoft

１. クラッシュログファイルを探す iOSアプリがデバイス上でクラッシュしたとき、デバイス上に自動でクラッシュログが生成されています。これを使えば、デバッガで接続していない状態でクラッシュした時でも、クラッシュの原因を調べることができます。クラッシュログは、アプリがクラッシュしたデバイスを一度iTunesでMacかPCに接続して同期すると、デバイスから次の場所にコピーされます。 Macの場合‥ ~/Library/Logs/CrashReporter/MobileDevice Windows Vista/7の場合‥ C:\Users\<user_name>\AppData\Roaming\Apple computer\Logs\CrashReporter/MobileDevice WindowsXPの場合‥ C:\Documents and Settings\<user_name>\A

Sire 2012/02/27

リンク

TMINTRO_ch02Plus.pdf - titanium-mobile-doc-ja - Titanium Mobileで開発するiPhone/Androidアプリ第二章補完稿 - Appcelerator Titanium Mobileに関するドキュメントを日本語でまとめていくプロジェクト - Google Proje

Code Archive Skip to content Google About Google Privacy Terms

Sire 2011/11/11

リンク

iPhone 5／iOS 5目前、「プッシュ通知」の本質を知る (1/3)

本連載﹁Apple Geeks﹂は、Apple製ハードウェア／ソフトウェア、またこれらの中核をなすOS X／iOSに関する解説を、余すことなくお贈りする連載です︵連載目次はこちら︶。 UNIX使い向けを始め、Apple関連テクノロジー情報を知りつくしたいユーザーに役立つ情報を提供します。連携してこその﹁プッシュ通知﹂リリース近しとされる﹁iPhone5﹂、﹁iOS 5﹂の新機能のうち、根本的な変更が実施されないものもある。﹁プッシュ通知﹂︵Push Notification︶はそのひとつだ。プッシュ通知とは、アップルが設置した専用サーバー︵Apple Push Notification Service、以下APNS︶へ信号を送ることで、iPhoneなど対応デバイスへほぼリアルタイムに何らかのデータを送信できる機能をいう。この仕組みにより、対象のiOSアプリが起動していないときやiO

Sire 2011/11/11

iPhone

リンク

iphoneやスマートフォン専用サイトのデザイン作成の参考にするまとめサイトをまとめました[11サイト＋おまけ6] | HTML5でサイトをつくろう

最近スマートフォンのシェアが広がってきてWEBサイト作成もPCサイトのみでなくiphoneなどのスマートフォンを意識する提案も増えてきましたか？しかしHTML5＋CSS3サイトで専用ページを作ったり、CMSのプラグインで振り分けたりと作り方は色々です。参考となるiphoneサイトやスマートフォンサイトもまだまだ少ないので提案の際の資料探すのも大変ですよね・・。これからもっと増えるとおもいますが現段階でのスマートフォンやiphoneサイト、iphoneアプリ専用サイトなどをまとめてみました。日本ではサイトの数が少なかったので、昔からの知人の『バンクーバーのうぇぶ屋』のSenna君にも海外の方のアプリ系やiphone系のサイトを教えてもらいました。他にもサイトがありましたら是非教えてください。国内サイトのiPhoneサイトやスマートフォンサイトスマートフォンサイト集めま http

Sire 2011/11/08

リンク

革命的iPhoneアプリ！簡単にテザリング（無線LAN化）できちゃうスゴイやつだよ / PayUpPunk Pouch［ポーチ］

革命的iPhoneアプリ！簡単にテザリング︵無線LAN化︶できちゃうスゴイやつだよ / PayUpPunk 2011年10月30日 Tweet テザリングとは何か？　簡単にいえばケータイを無線LAN化させ、ケータイ回線を使ってパソコンやケータイ型ゲームをインターネットに接続させるシステムです。つまり、ケータイさえもっていれば、電波の届くところであれば電車の中でも公園でもどこでもパソコンやケータイ型ゲーム機をインターネット接続させることができるというわけですね。しかし、日本で発売されているiPhomeやiPadはテザリングができないようになっています。よって、野外でケータイ回線を使ってインターネットをするには、イーモバイルやソフトバンク、ドコモなどのケータイ回線を使ったプランに加入するしかないのです。しかし！　アップル社のAppストアで公式に販売されている﹃PayUpPunk﹄を使用

Sire 2011/10/31

リンク

iPhoneビギナー必見の小技・裏技・便利技を総まとめ｜参考になりすぎる記事も紹介｜男子ハック

10. 画面最上部に戻りたい時は時計をタップこれはほぼ全てのアプリで共通です。画面トップに戻りたい時は時計の辺りをタップすると戻れます。 11. iPhoneの動作が重い時にすることiPhoneの動作が重くなってきたなーと思ったら、とりあえず試して欲しいのが﹁マルチタスク削除﹂﹁Safariのタブ削除﹂﹁再起動﹂ですね。ちなみに電源を切るにはスリープボタン長押しですよ。iPhone4を使っていればメモリ不足なんてことはあまりないかと思いますが。 12. iPhoneのスクリーンショットを撮る方法スリープボタンとホームボタンを同時に押すとスクリーンショットが撮れます。 13. iPhoneへの着信を留守番電話にまわす方法スリープボタン1回でミュート。2回で留守番電話に転送することができます。 14. メールやSafariから画像をカメラロールに保存する保存したい画像を長押しすると、メニューが

Sire 2011/08/11

リンク

はてなブックマーク

タグ

関連タグで絞り込む (24)

iPhoneに関するSireのブックマーク (97)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス