piano-kanrininのブックマーク (510)

  • これは便利!Googleマップで距離を測定できる

    SEOには関係しないのですが、便利な検索ツールなので紹介します。 Googleマップでの距離の測定方法 手順はヘルプに書かれています。 新しい Google マップを開きます。 始点を右クリックします。 [距離を測定] をクリックします。 地図上でもう 1 点をクリックして、測定する経路を描きます。測定する地点を追加する場合は、その場所をクリックします。 (省略可)地点を移動するにはポイントをドラッグし、削除するにはポイントをクリックします。 地図上と検索ボックスの下に総距離が表示されます。 言葉だけだとわかりづらいとこもあるので、実際にやってみましょう。 まず、スタート地点を右クリックします。 このとき普通にクリックするとズームアウトしてしまうので、少し長めにボタンを押してから離すのがコツです。 メニューから「距離を測定」を選択します。 次の地点を(長めに押して)右クリックし「ここまでの

    これは便利!Googleマップで距離を測定できる
  • 糖尿病、がん患者の方とうつ病 ・・・うつ病について(10)

    こころの病気に関わるいろいろなお話を紹介します。 「こころの病」についての知識をはじめ、 バラエティに富んだ情報を提供するなど、 患者様はもちろんご家族など皆様との交流を目指すコーナーです。 こころの病気のはなし こころの病気や用語などに関する知識を解説 こころの病気のはなし「基礎編」 こころの病気になる原因や病気の種類、治療法方など、初めての方にもわかりやすく解説 こころの病気のはなし「一般編」 こころの病気の基的な話を病気の種類ごとに分けて解説 こころの病気のはなし「専門編」 より深く知りたい方のために こころの病気のはなし「用語編」 こころの病気に関連する用語解説 DSM-5-TRの変更点について DSM-5-TRの変更点について説明します。 精神科の薬について こころの病気に使用されるお薬に関する情報、知識をご紹介します。 精神療法について こころの病気の治療で行われる精神療法に

  • box-shadowはもう古い?CSS新時代の「影の落とし方」

    長い間Webデザイナーが愛してやまないものの1つに*「box-shadow(ボックスシャドウ)」*があります。 Photoshopのような特殊なソフトウェアを使わなくとも、コードだけで影を落とすことができるという点で、Webデザイナーの中で大変重宝されていたプロパティです。 box-shadowの歴史は長く、2005年時点でW3C内でbox-shadowの草案が発表されました。影を落とす時に、影の長さや角度、色や透明度まで指定することができるので、この技術が登場した当初は感動した方も多いのではないのでしょうか。 しかしながら、box-shadowを使った影の落とし方は、登場から10年以上経過した現在、その使い所を考えていく必要があります。それはブラウザが様々なプロパティをサポートしたことが理由であり、影の落とし方を再考してみるのも大切です。 そこで稿では、CSS新時代の影の落とし方につい

    box-shadowはもう古い?CSS新時代の「影の落とし方」
    piano-kanrinin
    piano-kanrinin 2017/11/22
    “filter: drop-shadow”
  • Twitterカードの導入方法を解説!

    Twitterで企業アカウントを運用されている方は、「Twitterカード」の設定は行われているでしょうか。 自社ホームページのコンテンツを紹介する時など、通常の投稿よりも目を引きやすい形式になるため、クリック率を高めることができます。 今回は、企業としてのアカウント運用するのであれば設定しておいた方が良いTwitterカードの設定方法を解説します。 Twitterカードとは? Twitterカードとは、Twitter上でのOGP設定を指します。OGPとは、FacebookやTwitterなどのSNSでURLが投稿された際、自動的にURLのページ情報を表示する機能を指します。 参考: FacebookのOGP設定方法+参考記事6選 Twitterの場合、ツイートにURLが含まれている場合、そのURLのサムネイル画像、、タイトル、meta description(紹介文)が自動的に表示されま

    Twitterカードの導入方法を解説!
  • WordPressを高速化する12の方法 – 表示速度を上げるテクニック

    サイトの表示速度を上げるメリット 読み込み速度を上げることには、大きなメリットがあります。 メリット1:ユーザービリティの向上 Googleの公式調査によると、モバイルページにおいての「読み込み速度の遅延」と「直帰率」の関係は以下のようになるそうです。 読み込みが1秒から3秒になると、直帰率は32%上がる 読み込みが1秒から5秒になると、直帰率は90%上がる 読み込みが1秒から6秒になると、直帰率は106%上がる読み込みが1秒から10秒になると、直帰率は123%上がる これは致命的に感じられますね。もっと言うと、読み込み速度の低下により直帰する訪問者は、ただの他のページを見てくれないだけではなく、すぐに帰っていること予想されます。「3分滞在して直帰」ではなく「5秒待って遅いから直帰」という状態なわけですね。 現在のGoogleは検索順位を決めるうえで、検索ユーザーの動きまで見ている説もあり

    WordPressを高速化する12の方法 – 表示速度を上げるテクニック
  • ブログライティングの5つのコツ(構成・型・テンプレートも紹介)

    ブログライティングとは? ブログライティングとは、自分が書いた記事をユーザーに読ませることに特化したライティングのことです。ブログライティングは読まれやすさや理解のしやすさに重きを置いていることが多いです。 ブログライティングは キーワード選定 記事テーマ 構成&執筆 までの一連の流れを呼ぶことが多く、書くスキル以外にも必要とされる部分が多いです。またSEOを意識したライティングが基なため、ブログライティング=SEOライティングとも呼べるかもしれません。 ブログライティングが施された文章は、整理整頓された構成で読みやすく、知りたい情報が手っ取り早く手に入るような流れになっています。 スマホが登場してからモバイルで閲覧するユーザーが大半となったため、スマホでの見え方を重要視する必要性も高まっていますね。 ①最高品質のコンテンツを作る 1つ目のコツは最高品質のコンテンツを作ることです。 あな

    ブログライティングの5つのコツ(構成・型・テンプレートも紹介)
  • Thunderbird でメッセージが削除できない | Thunderbird ヘルプ

    Thunderbird でメッセージが削除できないときは、ごみ箱フォルダーが壊れたことが原因となっている可能性があります。 以下の方法で、壊れたごみ箱フォルダを削除し、新しいごみ箱フォルダーを作成してください: はじめに、Thunderbird のプロファイルフォルダーを開きます: Thunderbird ウィンドウウインドウ 右上の メニューから を選択します。トラブルシューティング情報 のタブが開きます。 アプリケーション基情報 セクションの下の フォルダーを表示フォルダーを開くFinder で表示ディレクトリーを開く ボタンをクリックします。プロファイルフォルダのウィンドウウインドウ が開きます。 Thunderbird を終了して閉じてください。 プロファイルフォルダー内の Mail (または ImapMail) フォルダー) を開いてください。(アカウントの種類が POP か

  • HTMLのheadの書き方、head内に記述する要素の総まとめ

    HTMLページのhead内に記述する最小限の構成、そしてmeta要素やlink要素、ソーシャルサービス用の要素、デスクトップ・スマホのブラウザ用の要素などがまとめられた「<head> cheatsheet」を紹介します。 <head> cheatsheet 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 去年紹介した以前の版からいろいろと変更されています。 head内に記述する最小限の構成 head内の要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 メモ head内に記述する最小限の構成 下記はシンプルなWebサイトで必須となるhead内に記述する最小限のタグです。 <meta charset="utf-8"> <meta http-equiv="x-ua-c

    HTMLのheadの書き方、head内に記述する要素の総まとめ
    piano-kanrinin
    piano-kanrinin 2017/09/26
    “meta name="subject"”
  • iPhone X向けのWebサイトを制作するためのガイドライン「Designing Websites for iPhone X」が公開 | ソフトアンテナ

    Appleは22日、Safariで採用しているWebブラウザーエンジン「WebKit」の公式サイトで、iPhone X向けのWebサイトを制作するためのガイドライン「Designing Websites for iPhone X」を公開しました(9to5Mac)。 iPhone Xは、ノッチとも呼ばれている「センサーハウジング」を画面上部に持ち、また四隅のコーナーが丸みをおびているため、アプリだけなく、Webサイトをデザインする場合にも特別な配慮が必要となるようです。 特に水平方向に画面一杯のナビゲーションバーをサイトで注意が必要で、そのままだと上記画像のようにセーフエリアが左右に表示されてしまいますが、metaタグで"viewport-fit=cover"を指定することでこのエリアを無効化することができます。 ▲セーフエリアを無効化 ただしこのままだとコンテンツ部分がノッチで策されてしま

    iPhone X向けのWebサイトを制作するためのガイドライン「Designing Websites for iPhone X」が公開 | ソフトアンテナ
  • iPhone Xを購入せず、無料でウェブページの表示確認を行う方法 (macOS) - Qiita

    今年10月に発売が予定されているiPhone Xは、その独特なディスプレイの為にセーフエリアを意識したウェブデザインが必須です。iPhone Xで意図せぬ表示にならないように実機の購入が必要だと考えるかもしれませんが、実はmacOSユーザーであれば、iPhone Xを購入せず無料でウェブページの表示確認を行えます。このエントリーでは、iPhone Xでの表示確認方法について紹介します。 ▲ iPhone Xでの表示確認をしている様子 iPhone Xで起こりうる意図せぬ表示 たとえば、画面最下部にコピーライトを固定表示しているサイトをよく見かけますが、iPhone XのSafariではメニューバーを表示する為のボタンで隠れる可能性があります。また、横持ちでコンテンツの左右が途切れてしまう可能性もあります。 ▲ 「iOS Human Interface Guidelines」より これらの表

    iPhone Xを購入せず、無料でウェブページの表示確認を行う方法 (macOS) - Qiita
  • Web制作者がiPhone Xの発売前に知っておきたい、Webページを表示した際に起きる現象とその解決方法

    iOS 11が日リリースされ、iPhone Xの発売を楽しみにしている人も多いと思います。 しかし、Web制作者やブログのオーナーはiPhone Xに対応しておく作業が増えるかもしれません。 iPhone Xではスクリーンが変更され、それに対応するための解決方法を紹介します。 Removing the White Bars in Safari on iPhone X 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 iPhone XでWebサイトを表示した際の問題点 解決方法 その1: background-color 解決方法 その2: viewport-fit 解決方法 その2 補足: safe-area-inset-* iPhone XでWebサイトを表示した際の問題点 新しく発売されるiPhone Xは、美しいディスプレ

    Web制作者がiPhone Xの発売前に知っておきたい、Webページを表示した際に起きる現象とその解決方法
  • iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium

    iPhone X が発表されて間もなく、ディスプレイの「切り欠き」については至るところでちょっとしたイジリ合戦が始まっています。中には実際に信じてしまっている人もいるほど秀逸なものがありまして、それがこちら。 思わずクスッときてしまいますが(笑)、まあ当然こんなことにはなりません。 iPhone X にはディスプレイの上下左右に iOS の占有領域が存在し、それ以外(アプリのタッチイベントを認める領域)を Safe Area と呼ぶようです。Safe Area の外にある上部領域にはステータスバーとして時計やアンテナのインジケータなど iOS のシステムアイコン等が並び、下部の領域には iPhone X で導入された「ホームバー」が存在することになります。 では iPhone X の Safari で Web サイトを表示した場合に一体どのようになるのか?それを Web 上の情報を元にまと

    iPhone X の Safari における Web コンテンツの表示 - ONO TAKEHIKO - Medium
  • ドングルらんらんだーっ! : ぐれた・エリーンのにっきちょう

    Bluetooth アダプターらんらんだーっ! というわけで(どんなわけ?)TERAに最適なBluetoothアダプターを見つけるために、幾つか買ってきた。 ② ③ ① ④ ⑤ ①サンワサプライ MM-BATUD43 ⇒ CSR Harmonyスタック ②プラネックス BT-Micro4 ⇒ モトローラースタック ③アイ・オー・データ USB-BT40LE ⇒ 開けていないので不明。 ④バッファロー BSHSBD04BK ⇒ 開けていないので不明。 ⑤エレコム LBT-UAN05C2   ⇒ IVT bluesoleilスタック これまでのあらすじ: SOUND BLASTER EVO Zx というBluetoothのヘッドセットを買ったんだが。それがapt-Xというコーデックに対応しているんだが。そのapt-XでTERAの音声を出力するとShadowplayというキャプチャーソフトで音が

    ドングルらんらんだーっ! : ぐれた・エリーンのにっきちょう
  • https://dynabook.com/assistpc/download/makeula/makemod.cgi?filename=http://dynabook.com/assistpc/download/modify/soft/btswt/TC00632300N.exe

  • Bluetoothを極める、間違いだらけのBluetoothドングル/アダプタ選び | ひろぶろぐ(Hiro Blog)

    2018/04/15修正 スマートフォンやタブレットが一般化してきたと同時に認知があがってきたBluetooth。 Bluetooth対応のヘッドセットやヘッドフォンなどを使っている人も少なく無いと思います。 Bluetooth自体は日でも2004年ぐらいから徐々に姿を現してきましたが、実際使われるようになったのは、iPhoneAndroidが普及したここ4~5年ぐらいではないでしょうか。 ただ、現在でもパソコンの周辺機器メーカーから出ているBluetooth関連製品はあまり多くはありません。 【IO-DATA】 USBアダプタのみ 【バッファロー】 マウス、キーボード、ヘッドセット、クルマ発見センサー、USBアダプタ 【サンワサプライ】 マウス、キーボード、ヘッドフォン、ヘッドセット、スピーカー、USBアダプタ 【Logitec】 ヘッドフォン、ヘッドセット、USBアダプタ 【Pla

    Bluetoothを極める、間違いだらけのBluetoothドングル/アダプタ選び | ひろぶろぐ(Hiro Blog)
  • 【PC】 BluetoothのドングルとCPU切替器と東芝スタック - silent voice にゃ

    久々のPCネタは「Bluetooth」です。 ①BluetoothのUSBドングルはCPU切替器でも使用可能か? 答はYES。 例えばCPU切替器に挿したUSBドングルとBluetoothキーボードをペアリングすれば、切り替えたPCでそのキーボードは問題無く認識します。 ただしこの場合、切り替えの度にペアリングし直しになり、ものすごーくめんどくさいです。 ②東芝スタックを試用版から正規版にする方法は? 東芝スタックが付属していないドングルで使用する場合、試用版(30日)になってしまいますよね? 限りなく黒に近いグレーな方法ですが、 この状態で、ク○ック版「TosBtChk.dll」を上書きしてやれば、 ほ~ら正規版に変わったw ク○ック版「TosBtChk.dll」は↓ http://tehnikpc.net/ftp/drivers/Toshiba%20Bluetooth%20Stack%

    【PC】 BluetoothのドングルとCPU切替器と東芝スタック - silent voice にゃ
  • 最強のBluetoothは、どれ?

    兼ねてから好評を頂いている『 Bluetooth を極める(USBドングル) 』執筆から2年、Bluetoothの取り巻く環境では、これといって大きな進展はないのですが微弱ながらも、スマホ・タブレットでは当たり前にBluetooth 4.0が搭載され、規格自体は4.2まで策定され(オーディオ機器で4.1がチラホラ?)、パソコンではもうすぐWindows10が発売するっといった感じです。 ですので2年前に取り上げたBluetoothのUSBドングルは未だ現役!!ですが2年歳月でいろいろと熟練され機能・性能が明確化されたように思えます。ここでは主力製品の東芝、Broadcom、CSRを取り上げ機能・性能のレビューを行いたいと思います。 (個人的に最強だと思う東芝STACK。詳細は下記に!) 【CSR製】 最初に取り上げるのは、過去の記事でも『 お勧めできない 』と書いていたCSRのSTACK。

    最強のBluetoothは、どれ?
  • Bluetooth スタックを入れ替える(2015/04再編集) : ざっくり書いていく

    2015/04更新 スタックを最新版に入れ替え 2014/04更新 Bluetoothドングルを入れ替え 私はパソコンにBluetoothドングルをさして無線で飛ばして音楽を楽しんでいるのですが、この前購入したWalkmanと比べるととても音が悪いです。 で、いろいろと調べた結果Bluetoothで音楽用に使われるプロファイルA2DPのビットレートが低いのではないか?という結論に至りました。 それで、このビットレートを設定しようと思ったのですが設定できるのは東芝製スタックを採用している製品だけだそうです。残念ながら私の購入したBluetooth 3.0対応のBT-Micro3E1Xはモトローラ製スタックを採用しているのでこの設定項目がありません。レジストリから設定できるかな?と調べたのですが設定できるようなものは発見できませんでした。 最近はapt-Xに対応しているものもあります。新規導入

    Bluetooth スタックを入れ替える(2015/04再編集) : ざっくり書いていく
  • 301リダイレクトが使えない環境でアクセスを減らさず移転させる方法 | SEOのホワイトハットジャパン

    少しでもSEOに詳しい方だとご存知だとは思いますが、WebサイトのドメインやURLを移転・変更させる際には、旧URLから新URLへ恒久的な301リダイレクトを設定し続けることがベスト・プラクティスとなります。 一般的な有・・・ The post 301リダイレクトが使えない環境でアクセスを減らさず移転させる方法 appeared first on SEOのホワイトハットジャパン.

    301リダイレクトが使えない環境でアクセスを減らさず移転させる方法 | SEOのホワイトハットジャパン
  • タッチデバイスでCSSの:activeや:hoverを機能させる。 - Qiita

    demo https://jsfiddle.net/junya_5102/pgu54owz/6/ タッチさせる要素に ontouchstart=""と指定する。 これを指定しないとタッチでは:activeと:hoverは反応しない。

    タッチデバイスでCSSの:activeや:hoverを機能させる。 - Qiita