Google Driveはもう古い！ どんなファイルも一瞬で送れる爆速アプリ3選 « ハーバー・ビジネス・オンライン
パソコンとスマートフォン、スマートフォンとタブレット、タブレットとパソコン。様々な端末で動画や画像、そのほか様々なファイルを共有したいとき、どんなアプリやサービスを使っているだろうか？ 最も多いと思われるのがGoogle DriveやDropboxなどのクラウドストレージサービスだろう。これらのサービスは、いったんオンライン上で各種ファイルをストックするため、複数の端末間でのファイル共有がしやすい。しかし、ファイルのアップロードやダウンロードが遅い、という欠点がある。また、Evernoteなどのドキュメント管理サービスなどでもファイル共有は行えるが、タップやクリックをする回数が多く、こちらもまた手間ヒマがかかる。 もっと簡単かつスピーディにファイルを送り合えるシステムはないのだろうか？ そんな悩みを持つ方々のために、今回は、どんなファイルも一瞬で送れる爆速アプリをご紹介する。 Google
スマートフォンサイト構築時に気をつけたいポイント集
作成：2015/10/5 更新：2017/04/16 Web制作 > 開発環境 スマートフォンサイト構築時のコーディングで気を付けたいポイントを次回コーディングの時のためにメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 全般 viewport デバイスを横向きにした時の処理一例です。 一般（ページ拡大表示）ピンチアウト/ピンチインOK。通常はこれを使うことが多い。 <meta name="viewport" content="width=device-width"> サイズを変更せず、ピンチアウト/ピンチインOK <meta name="viewport" content="width=device-width,initial-scale=1.0"> 2倍に拡大した状態でページ表示 <meta name="viewport" content="wi
iPhone6の時代のviewport設定について - Qiita
従来、スマートフォンの横幅といえば 320px(retina対応で640px) というのが定説でした。 が、iPhone6の普及でそうとも言えなくなってきたのが今日このごろです。 iPhone5の横幅は320px(retina対応で640px) iPhone6の横幅は375px(retina対応で750px) ちなみにNexus5の横幅は360px(retina対応で720px) さてこんな環境で、viewportはどう指定するのがベストなのでしょうか。 前提知識 viewportのwidthという値に、device-widthと指定すると、スマホの画面幅 = 表示するwindowサイズ、となる。 widthにピクセル値（640px、とか）を入れると、表示幅はそのピクセル数になり、それで画面いっぱいになるように適宜拡大縮小される 古いAndroidでは、widthにピクセル値を指定しても
スマホユーザーを囲い込む！目的達成するスマホサイト制作方法
あなたはスマホ専用のホームページを作ろうとしている中で、外部の業者に任せるにせよ、自社で制作するにせよ、具体的にどのように作ろうか迷っているかもしれない。 スマホサイトを制作する際に忘れてはいけないのは、ユーザーの求めている情報が簡単に手に入るか？という視点だ。 スマホユーザー数の増加から、特別な設定をしなくても、売上の20％程度はスマホ経由になるだろう。しかし、しっかりと作れば売上の50％以上をスマホ経由にすることが出来るだろう。 ネットショッピングでなくともスマホ経由のお問い合わせも同様である。 この記事では、どのようなサイトを、どのように制作すれば効果の高いサイトができるかについて、初心者でもわかるようにお伝えしていく。 ＜目次＞ １，スマホサイトのデザイン視点 ２，独自の環境で作るか、自動変換ツールを使うか ３，独自の開発環境でサイトを制作する方法 ４，独自の開発環境で制作するメリ
[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと | ヨッセンス
こんにちは! ヨス（プロフィールはこちら）です。 今現在、Google検索では「スマホ対応」がされているかどうかは超重要になっています。 具体的にいうと、PCの検索順位はスマホでの検索順位が適応されているのです！ 今回は、ブログのスマホ対応でのポイントをくわしく解説します。 スマホ対応で困った6つのこと 今回は私がスマホ対応のために最低限やっている6つを紹介するのですが、分かりやすいように「問題点」を見出しにして紹介しますね。 スマホで見たら画像がはみ出す?! まずはこちらの比較画像をご覧ください。 画像サイズ（左: 変更前・右: 変更後） スマホで見た時に、上画像の左側のような画像を見たことありませんか? これは画像サイズがパソコンのままになっているんですね。大きいのではみ出しています。 これをスマホで見た時は自動で上画像の右側のように縮小してほしいんです。 でも大丈夫! CSSの<im
![[CSS] スマホ対応は超重要! 私が最低限やっている6つのこと | ヨッセンス](https://cdn-ak-scissors.b.st-hatena.com/image/square/f65ab4b0dcf3e460e3895ac786ca89120feaa297/height=288;version=1;width=512/https%3A%2F%2Fyossense.com%2Fwp-content%2Fuploads%2Fcss-for-smartphone-300.jpg)
Google、スマホでも快適に閲覧できる「モバイルフレンドリー」を検索順位に反映する方針を発表 ::SEM R (#SEMR)
Google、スマホでも快適に閲覧できる「モバイルフレンドリー」を検索順位に反映する方針を発表 グーグル、モバイル環境でも快適に閲覧できる、「モバイルフレンドリー」という基準を検索結果に反映していくことを明言。試験を行っている。 公開日時：2014年11月19日 04:46 米Google は2014年11月18日、モバイル向け検索結果において、Webサイトの「モバイルフレンドリー」を検索順位を決定する要素（シグナル）の1つとして実験的に利用していることを明らかにした。 We see these labels as a first step in helping mobile users to have a better mobile web experience. We are also experimenting with using the mobile-friendly crite
ブログのスマートフォン対応の際に考えたこと
遅ればせながら、2014年8月にこのブログのスマートフォン対応を行いました。 iPhone, iPod touch, Android, Windows Phone, BlackBerry などの各種スマートフォンのほか、 Kindle, Sony Tablet, Nexus 7 などのタブレットではスマートフォン用のテーマで表示されるはずです。 iPad は、PC 用のテーマのほうが見やすいと感じたのでそのままにしています。 なぜ今までスマートフォン用のテーマを作っていなかったのか 一番大きな理由は「見づらいというご意見をいただかなかったから」です。 また、昨年まではスマートフォンからのアクセスは 10% ちょっとしかなかったため、それほど必要性を感じていませんでした。 とはいえ全く何の対応もしていなかったわけではなく、iPhone や Android の場合は、本文のフォントサイズが少し
スマホサイト最適化25の最新ルール | グロースハックジャパン | growth hack japan
Ryutaro Mori TwitterでGHJをフォロー！ FacebookでGHJをフォロー！ NEW スタートアップに欠かせない6種類の人間 検索エンジン大手グーグルが、スマホサイト最適化に関する大規模なリサーチを行いました。 その結果から導き出した「スマホサイト最適化25のルール」は、モバイル時代、特にtoCビジネスには欠かせない内容です。 調査に関して 本調査は、GoogleとAnswerLabの共同指揮の下に行われました。 モバイルサイトにとって最良のデザイン慣行を提言することを目的に行われた本調査は、以下の方法論で実行されています。 ・シカゴ・サンフランシスコにて、119時間のユーザービリティテストを敢行 ・iOS・Android両方を含むユーザーに調査を実施 ・ユーザーは、商品の購入、価格の調査、予約など、コンバージョンに関連するタスクを実行し、各サイトのユーザービリティを
スマートフォンサイト制作時に覚えておきたいCSS 15
スマートフォンサイトを制作する際、個人的に覚えておいた方が良いと思うCSSのプロパティやテクニックをまとめてみました。 自分用の備忘録ではありますが、他のブログ等でも取り上げられていることが多いので、いずれも覚えておいて損はないものだと思います。 普段から制作している方にとっては目新しいのはないと思いますが、まだスマートフォンサイトを制作したことがない方やまだまだ苦手だなと思う方は参考にしてみてください。 UA切り替え・Viewport指定・拡大縮小の有無・電話番号リンクの無効化・ホーム画面用のアイコン指定など、スマートフォンサイトを制作する際に最低限覚えておくべきと思うことは他にも沢山あるんですが、今回はCSSに焦点を当てています。 また、タイトルでは「スマートフォンサイト制作時」としてはいますが、レスポンシブWebデザイン制作時でも頻繁に使うものだったり、PCサイト制作時でもCSS3に
約3,000円で10,000mAh越えの格安大容量モバイルバッテリー5選｜男子ハック
格安で大容量なモバイルバッテリーが増えていてどれを選べばよいのか分かりにくかったので、約3000円、10,000mAh超えの条件で5種類をまとめてみました。人気のCherroよりも優れたモバイルバッテリーはあるのでしょうか。 結論から言うと、どれも大きな差はなさそうなので、デザインで選んでしまってもいいとも思います。 カタログスペックで言うと重さや充電時間に若干差はあるものの、価格競争しているせいか、どれも大きな機能差がない印象です。なので、丸みを帯びたデザインのCheeroが選ばれる理由が分かります。ただ、若干Cheeroは割高でした。あとは、LEDライトやSDカードリーダーなど付加価値のあるバッテリーもあるので、そのあたりも判断基準になるでしょう。 僕の場合は急遽旅行用に入り用になり、ネットで格安バッテリーを注文している時間がなかったため、新宿のヨドバシで割高なものを購入しました。旅行
スマートフォンに特化したWebアプリケーションフレームワーク·Emy MOONGIFT
Emyはスマートフォン向けのWebアプリケーションフレームワークです。 スマートフォン向けのWebアプリケーションフレームワークは幾つか存在します。有名なところではjQuery MobileやSenchaでしょうか。その土俵に乗り込まんとするEmyを紹介します。 良くあるiPhoneアプリ風のUIです。 色々なデモが用意されていますので試してみて下さい。 パネル系UI。 キーワード検索用ボックス。 ボタン。 リスト。 音楽アプリのデモ。 実際に音楽が流れます。タブを切り替えてもちゃんと音楽は流れ続けます。 コンタクトリストアプリのデモ。 ノートアプリデモ。 ちゃんと追加できます。 マップアプリ。マップは色々な表現でデモが用意されています。 Instagram連携。表示のみですが。 テーマを変更して。こちらはAndroid風。 Windows Phone風。 拡張もできます。 拡張の一つ。ア
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
「jQuery Mobile」を活用したスマートフォンサイト作成（前編）
はじめに 今回は、簡単にスマートフォン向けサイトを作成するために活用できるjQuery Mobileを紹介します。jQuery MobileはjQueryと同時に読み込んで使用するもので、スマートフォン向けサイトでよく使われるスライダースイッチなどのフォームを簡単に呼び出すなど、スマートフォン向けUIサイトが簡単に作成できます。今回はjQuery Mobileとは何かを解説し、ごく簡単なスマートフォン向けサイトを作成してみます。 対象読者 jQuery mobile、スマートフォンに興味があり、使ってみたい方 必要な環境と準備 今回使用したjQuery Mobile1.2.0がサポートしているjQueryのバージョンは1.7.x、1.8.xで、1.6.x以前のバージョンと1.9.xはサポート外となっています。このため、今回のサンプルスクリプトで使用しているjQueryのバージョンは1.8.
様々なイケてるUIを参考にできるサイト | バシャログ。
足掛け2年、全ての関連作品を見てからアベンジャーズを見て最高に盛り上がったminamiです。 Webデザインの中でもサイトのUIデザインは近年重要性を増していると思いますが、デザインする際のインスピレーションを受けられるサイトをご紹介します。 UI Patterns UI Patterns User Interface Patter Libraryというサイト名通り、UIが体系的にまとめられ解説されています。「Design patterns」ではそれぞれのUIに対して、どういう問題を解決してくれるものなのかの詳細な解説があるので、普段なんとなく使っているUIを基礎から勉強し直せます。 ui parade. ui parade. UIを種類別に集めたサイト。なかなか洗練されたものが集まってますね。 PATTERN TAP PATTERN TAP 良さ気なUIのスクリーンショットが集まるサイト
スマホ対応アニメーション支援ライブラリ - smart js
特徴 配置と動きに特化した Javascriptライブラリです。 シンプルで柔軟性もあり、 処理も高速です。 対応OS / ブラウザ iOS 7+ Android 4.1+△ Android 4.4+○ IE9+ Safari latest Chrome latest Firefox latest
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iOSスタイルのヘッダーが作れるjQueryプラグイン「Stacks」:phpspot開発日誌
スマホサイト開発に使えるブラウザ上エミュレータ「rFrame」:phpspot開発日誌
ウェブページやスマフォアプリの制作時に参考にしたいUIエレメントをコレクションしているサイトのまとめ
HTML/JS/CSSでAndroidアプリ風UIを作るフレームワーク「Fries」:phpspot開発日誌
スマートフォン対応、気をつけたいトラブル
