無料でAndroidからパワポやエクセルをリモート操作してスマートなプレゼンを実現するMicrosoft公式アプリ「Office Remote for Android」
PCでPowerPointやWord、Excelなどを使ってプレゼンを行う際に、Android端末をリモコンとして使用できるアプリが「Office Remote for Android」です。Office Remote for AndroidはMicrosoftの公式アプリで、PCで操作するよりもスマートなプレゼンテーションを実現できるとのことなので実際に使用してみました。 Office Remote for Android - Google Play の Android アプリ https://play.google.com/store/apps/details?id=com.microsoft.office.officeremote Download Microsoft Office Remote PC Setup from Official Microsoft Download Ce
Photoshopでの作業がはかどる！ウェブデザイン（特にスマフォ）用の効果的な環境設定のまとめ
Photoshopでウェブページやスマフォページのユーザインターフェイスをデザインする時に、最も良い結果がでる最適な環境設定を紹介します。 最後の「作業のパフォーマンスを向上させる設定」はウェブデザインに限らず、Photoshopの動作がもっさりしている人は見直してみてください。 How To Set Up Photoshop For UI Design 下記は各ポイントを意訳したもので、画像は当方のPhotoshop日本語版です。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。海外の多くのブロガーからあのブログでの無断翻訳・転載の声を聞くのでご注意ください。 環境設定はiPhone用を例にしていますが、基本的なポイントは全てのウェブデザイン作業に適用できます。 新規ドキュメントの設定 スナップの設定 テキストの設定 光源の設定 グリッドの設定 画像を書き出す時の設定 R
電話番号への自動リンクを禁止する - スマートフォン（iPhone、Android）
電話番号などの数字に自動的にリンクが張られるのを禁止するタグ。 対象 ： iOS(iPhone) / Safari 電話をかけるタグ - phoneto スマートフォンはフィーチャーフォンと同様、以下のようにタグ（a要素）を書くとリンク選択時に電話を掛けられる。 <a href="tel:0301234567">03-0123-4567</a> （電話番号が 03-0123-4567 の例） iPhone と Android スマホのいくつかのブラウザで動作を確認した。 電話番号のリンク選択後すぐに発信せず、発信確認画面などが表示される。 電話番号への自動リンク禁止 iPhone の Safari などは、上記のタグを書かなくても数字に自動的にリンクが張られる。 ただ、220.100.10.10 のようなIPアドレスにもリンクを張ってしまう。 自動的にリンクを張らないようにするには以下のタ
モバイルサイトのナビゲーションメニューは画面下に置くべき
2014年2月19日 スマートフォン, ユーザビリティ スマートフォンを使ってWebサイトを閲覧する人、どんどん増えてきています。モバイルブラウザーのシェアを見ても、そのユーザー数は無視できないものとなっています。サイトによってはデスクトップで閲覧する層より多いところもあるかもしれませんね。私がWebサイトの制作依頼を受けた際、モバイル対応は必須としてきましたが、モバイルユーザビリティについて再考してみたので、今回はナビゲーションメニューについて簡単に記事にしてみます。 ↑私が10年以上利用している会計ソフト！ よく見かけるWebサイトのナビゲーションメニュー 人気Webサイトギャラリー「The Best Designs」に掲載されている多くのWebサイトはメニューアイコンをロゴとともに画面上部に掲載しているのをよく見かけます。よく見かけるからと言ってこの場所に設置するのが本当に使いやすい
スマートフォン用のコンテンツをクロールするための新しい Googlebot ユーザーエージェント
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Above The Fold | SEOに必須のスマートフォン対応のポイント(1)【2014年版】
SEO（検索エンジン最適化）にもLPO（ランディングページ最適化）にも必須となるウェブサイトのスマートフォン（スマホ）対応。これまで本サイトにて紹介したスマホサイト構築手法と最新のGoogle推奨モバイルサイトの手法、レスポンシブ技法などを中心に参考情報を纏めました。 はじめに / 最初に決めるべき事 SEOにも効果があり、売り上げ、問い合わせ、反響、コンバージョンにも有効なスマートフォン対応サイト構築しましょう。スマートフォンに適したサイトのスペックを維持し、成果を出すことが最も重要です。検索順位以外の部分にも焦点を当てて正解を探していきましょう。 above the fold SEOでもLPOでもスマートフォンの”above the fold”は非常に重要です。 ■ SEO 1秒以内に”above the fold”のレンダリングを終了させる。 ■ LPO “above the fol
モバイル向けに別サイトを持っている場合の検索クエリ データが改善されました
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
【Google公式】モバイル向けサイト改善のためのチェックリスト
[対象: 上級] Googleは、モバイル向けサイトを改善するために役立つチェックリストと動画を公開しました。 チェックリストの完全版を日本語に訳しました。 いずれ日本語版が出てくるかもしれませんが、早く知りたい人は参考にしてください。 なおチェックリスト中の参照先ページは、日本語ページがあるものは日本語ページヘ、ないものはそのまま英語のページへリンクしています（リンク先の日本語訳まではさすがに厳しい）。 ステップ1: ユーザーをいらいらさせないようにする 邪魔になる余分なウィンドウをすべてのモバイルユーザーエージェントから取り除く [Googleの推奨 / 関連記事] 閉じるのが難しいJavaScriptのポップアップ オーバーレイ。特に、アプリのダウンロードを勧めてくるもの（代わりとして、iOS 6以上の Smart App Bannersのようなバナーやそれに準ずるものや、サイドバー
無料でブラウザ画面と操作の様子をスマホや他のPCで表示できる「Surfly」
ウェブページには1つのページの中にホームボタンや複数のリンク、メール、各種SNSボタンなどさまざまなアイコンや文字列がひしめき合っており、ネットサーフィンに慣れていない人にはサイトから目的のページを見つけるのは難しいもので、慣れていても何がどこにあるのか分からなくなることもあります。そんな時に使えそうなのが自分のブラウザ画面をそのまま相手に見せることのできる「Surfly」です。URLを教えるだけで自分のブラウザ画面を複数人と共有でき、誰かのブラウザ画面を見せてもらうだけならばユーザー登録を行う必要もありません。 Surfly - Surf together on the web http://www.surfly.com/ Surflyを使うとどんなことができるのかは以下のムービーを見ればわかります。 ◆ユーザー登録 Surflyのトップページにある「start a session」をク
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
» スマホでスクロールを禁止させる方法 | negic
軽めのjQuery Advent Calendar 2012の24日目の記事です！ PCサイトでスクロールを禁止させるには、bodyにoverflow: hidden;をかければスクロールができなくなるが、スマホサイトでは、一部Android端末では効くが、iOSではスクロールができてしまいます。 スマホでスクロールを止めるには、jQueryを使うと便利です。 スマホの独自イベントである、touchmoveイベントを切ればスクロールを止めることができます。 方法は下記のとおりです。 $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); あるタイミングでスクロールさせたくなったら、off()すればいい。 $(window).off('.noScroll'); イベント名に、.noScrollとあるが、
スマートフォン対応でよく使う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
いまさら聞けないCSS3入門＆スマホ対応6つの問題点
いまさら聞けないCSS3入門＆スマホ対応6つの問題点：スマホ向けサイト制作で泣かないための秘伝ノウハウ（4）（2/2 ページ） CSSのスマホ対応におけるOS／機種依存事例6選 では、スマートフォン向けWebサイトを制作するに当たって、CSSのOS／機種依存事例をご紹介します。 【1】position: fixedを利用する場合には注意が必要 これはCSSの依存事例としては有名なものです。サイト上で、メニューなどを固定位置に配置するためにpositionプロパティを利用することがあります。画面のスクロールの状態に関係なく固定位置にするには、fixedを指定しますが、これはすべてのスマートフォンで有効なわけではありません。 まずOSバージョンとして完全に対応しているのは、iOS 5.1.1以上、Android 3.1以上となります。Android 2.3でも設定はできますが、viewport
スマホSEO講座完全版（テクニカル編） - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
レスポンシブデザイン デバイスを検知し、レイアウトを調整するレスポンシブデザインは、万能型の戦略である。デバイスのタイプに関わらず、URLは一つであり、レイアウトの調整は自動的に行われる。これは、スマートフォン、タブレット、ラップトップ、そして、巨大なモニターの全てに有効である。 クロールは効率よく行われ、ユーザーは、リダイレクトがもたらす遅れを経験することはない。そして、検索エンジンは、一つのページをインデックスして、ランク付けを行うことが出来る。 ユーザーにとっても、グーグルにとっても、実用的であり、誰もが得をする。 グーグルは、CSSやJavaScript等のリソースのクロールをブロックする手法を薦めていない。なぜなら、グーグルは、レスポンシブなページの要素を構築する必要があるためだ（このようなリソースをブロックしない方が良いとグーグルは薦めている）。 唯一問題視されるのは、ページの
スマートフォンサイトの読み込み速度を改善するために
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
スマートフォンサイト制作にdisplay:tableとdisplay:table-cellが便利！
2012/10/18：画像に一部誤りがありましたので、修正致しました。 こんにちは。 スマートフォンサイト制作案件が増えて楽しいKanaです。 スマートフォンサイトのコーディングは、古いブラウザ (ie6とかie6とかie6とか！)のことを考えるとできなかったCSSの指定ができるので、とても楽しいですね！ スマートフォンサイトの制作はリキッドレイアウト。 ナビゲーションの数が奇数！…均等にするにはwidth指定面倒だな〜画像とテキストを横に並べなきゃ…縦方向の揃え位置を指定できたらいいのに…。と思ったことはありませんか？ そんな時の強い味方がdisplay:tableと、display:table-cellです。 スマートフォンサイトのコーディングを頻繁にされている方は、既にご存知かもしれませんが、これからスマートフォンサイト作るよ！という方には、とても便利だと思います！ display:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webamb.com
PHP で、ユーザーエージェント（iPhone・Android・タブレット・携帯・PC）によってページを振り分ける | モノリオ
Android, iOS, Windowsの各デバイスが揃っているデザイン用のPSD素材 -Mobile Design Kit
電話占いで使われる占術をご紹介 | 当たる電話占いおすすめランキング～口コミで評判の当たる電話占いサイト紹介～
