プラグインAll in One SEO Packを導入すると、記事ごとに細かなSEO対策が設定できます。愛用している人も多いですよね。 しかし、ただ導入しただけでそのまま使っていると、metaタグのdescriptionとkeywordsが重複してヘッダーに存在することがあります。 （テンプレートに依ります） そのままだと、せっかくキーワードなどを指定しても、意味がなくなってしまう場合があるのできちんと対策をしておきましょう。 この問題にはテンプレート側のmetaタグを削除することで対応できます。賢威6.1テンプレートの場合でその設定方法を説明していきます。 重複するmetaタグを削除する手順と設定方法 まず、All in One SEO Packでサイトそのものに関する設定をしておきます。 メニュー → All in One SEO → General Settings と移動します。

ひと昔前まではデザインもコードも手作業が多かったですが、最近ではさまざまなタスクに自動化が取り入れられ、効率的に進めている制作者の人も多いと思います。 そしてここ1,2年の間で、Web業界にもAIが少しずつ進化し、実用的なレベルまで達しています。 WebのUIをデザイン、そしてコードにも対応したオンラインサービスを紹介します。 有料のものが多い中、本サービスは一部制限されますが、無料で利用できます。 Huula -Web Design+AI Huulaの特徴 Huulaの使い方 Huulaの特徴 Huulaはデザインがゼロの状態から始めることもできますが、既存のWebサイトをリデザインすることもできるのが大きな特徴です。 下記のようにURLを指定し、Webページをインポートし、さまざまなデザインやコードを変更することができます。 既存のWebサイトをリデザイン さまざまなUIコンポーネント

iPhone, iPad, Nexus, Galaxyなど、主要なスマホ・タブレットの表示確認が同時にできる、レスポンシブ用の確認ツールを紹介します。 最近リリースされたばかりで、現在の対応デバイスにあった便利なツールです。 Sizzy Sizzy -GitHub Sizzyの特徴 Sizzyの使い方 Sizzyの特徴 Sizzyはオンラインツールとして利用でき、Chromeの機能拡張にも対応しています。動作は非常に軽快で、スマホ・タブレットの複数のデバイスで同時に確認ができます。 Sizzyの動作デモ 現在用意されているデバイスは、8種類。 iPhone 4: 320x480 iPhone 5: 320x568 iPhone 6: 375x667 iPhone 7 Plus: 414x736 iPad Air: 768x1024 Nexus 6P: 411x731 Galaxy S4:

BizVektorではAll in One SEO Packプラグインを使うことは推奨されていません。大きな理由はmetaタグ（meta description・meta keywords）が重複することです。 meta descriptionとmeta keywordsが重複する 対処は簡単で、All in One SEO Packプラグインを使わない、または、BizVektorを使わない、どちらかの方法で解決できます。 とはいえ、どうしてもBizVektorとAll in One SEO Packプラグインを一緒に使いたいという方のために、metaタグの重複を取り除く方法を紹介します。 ただし、この記事では「こうすれば安全にBizVektorとAll in One SEO Packを一緒に使えますよ！」とおすすめするわけではありませんのでご注意ください。 あくまで、metaタグの重複を

The Finda Photo Service is down for maintenance and upgrading. We will return soon. What’s coming in the new version? more stock photo sites AI stock photo sites save favorites and much more. About We research products, write reviews, and create in-depth guides and how-tos on topics like ideation, marketing, financing, accounting, and human resources. Contact Press YouTube Privacy Policy Terms of

人気のフォトストックサイト10個から、著作権を放棄した完全フリーの写真素材をまとめて検索、ダウンロードすることができるサービス FindA.Photo を今回はご紹介します。 利用に関してクレジット表記も不要で、さらに世界基準の高品質なクオリティーの素材を、キーワードや色別、そしてサイト別に検索できる、デザイナーが知っておきたいサービスです。 詳細は以下から。 著作権フリー！完全無料のパブリックドメイン写真素材を見つける FindA.Photo FindA.Photo は、Unsplash や Jay Mantri など人気の無料フォトストックサイト、合計10サイトからまとめて横断検索することができるサービスです。 検索できる写真は、どれも著作権を放棄した CC0 ラインセンスとなっているので、商用など用途に関わらず自由に利用できる点もポイントです。またカラーパレットから直接色を選び、直感

以前はてなブログを使ったことがあり、そこで画像を配置した時に自動的に設定されていたLightbox（画像が大きく中央に表示されバックは薄くなる）が気に入っていたのでWordPressでも同じことができないかとプラグインを検索したらたくさんありました。中でも良さそうだったのが「Responsive Lightbox by dFactory」というプラグインで、2016年9月現在20万件の有効化がされていて★も5です。早速インストールしてみました。 効果を選ぶ プラグイン > インストール済みのプラグイン > レスポンシブLightbox > 全般設定を開きます。 一番上にあるLightboxスクリプトの6種類の中から効果を選びます。これだけでOK！ 1.prettyPhoto インスタントカメラ風。画像の上にタイトルが表示されます。右下の×印でなくても画像外をクリックすることで画像を閉じられ

Adobeマスター講座 （Adobe CC ライセンス付属） アドビアプリケーションの基礎をマスター 全3ヶ月（動画閲覧 1ヶ月＋課題作成 2ヶ月） 39,980円税込 / 36,346円（税抜） ※Adobe CC1年分を含む Adobeアプリケーションの 基礎が学べます デジタルハリウッド約20年の教育ノウハウに基づいて制作された基礎動画教材≪46時間≫と、 12ヶ月版の「Adobe Creative Cloud（Adobe CC）」がセットになりました。 お支払い手続き後すぐ受講開始し、AdobeCCが使えるシリアルコードもすぐにお届け。 いつでも、学習を始めることができます。 デジタルハリウッドだけが提供できる、最新のオンライン学習体験を、是非実感ください。 デジハリ・オンラインスクールは 「アドビプラチナスクールパートナー」です 1994年の創立以来 デジタルクリエイティブ教育に

ヒートマップとは ヒートマップとは、温度を色で表すサーモグラフィーと同様に、ユーザーが注目している閲覧場所を赤緑青といった色で可視化する技術です。ユーザーのページ内行動を、マウスの動きから推定しています。 たとえば、 「ページをどこまで読み進めたのか(終了エリア)」「ページのどの位置を長く読んだのか(熟読エリア)」「ページのどの位置をクリックしたのか(クリックエリア)」を見える化します。これを利用すると、「読んでほしいのに読まれなかった箇所」、「意外とクリックされているリンクやボタン」「クリックしてほしいのにされていないリンクやボタン」などを発見でき、従来のページビュー(PV)やユニークユーザー数(UU数)などのアクセス解析だけではわからなかった改善点を、素早く浮き彫りにできます。 終了エリア 熟読エリア クリックエリア ヒートマップのメリットはどんなものですか？ ヒートマップツールを使う

ここ1, 2年で、カードのコンポーネントを採用しているWebサイトは非常に増えました。レスポンシブとも相性がよく、情報を分かりやすく整理でき、テキストや画像だけでなく、動画などのマルチメディアも要素として配置することができます。 プロのデザイナーが実践している、カードをデザインする時のポイントを紹介します。 Design Better Cards by Andrew Coyle 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 カードのコンポーネントとは カードの形 カードの構成要素 カードをデザインする時の5つのポイント カードをデザインする時に参考になるリソース カードのコンポーネントとは カードは、より詳細な情報への入り口として機能するユーザーインターフェイスのコンポーネントです。さまざまな情報を管理することができ、ユーザー

「書体の誕生」展示と講演。 今回はフォントワークス株式会社、株式会社イワタ、株式会社モトヤ、株式会社白舟書体 の4社で開催します。 ■展示 ■4月14日（金）〜16日（日） ■●時間　14日（金）11時〜21時00分 ■15日（土）・16日（日）11時〜18時30分 ※展示を観るのは無料 ■講演 ■4月15日（土）・16日（日） ■●受付　12時から ■■開始　13時00分　18時過ぎ終了予定 ■参加費 15日　2,000円 16日　2,000円　※但し15日に参加されている方は500円 ※参加申込みフォームは下にあります ※参加費は当日受付でお支払いください。 ■場所 ■クリエイティブネットワークセンター大阪 メビック扇町 ■〒530-0025　大阪市北区扇町2-1-7　カンテレ扇町スクエア 3F　交流スペース1・2・3・ロビー ■➡ アクセス ■講演内容 15日（土） ［セッション1］

iPhoneの画面をそのまま画像として保存するスクリーンショット機能。とても便利な機能ですが、撮影するためには「スリープボタン(電源ボタン)とホームボタンを同時に押す」という、やや複雑な操作をしなければいけません。 でも、実はそんなスクリーンショットを、画面をタップするだけで撮影できる方法があるんです。しかもアプリの導入などの必要はなく、iPhoneの設定をいじるだけ！「Assistive Touch」という機能を使う、ちょっと便利な使い方を紹介します。 スクリーンショットを撮るのは意外に難しい スクリーンショットとは、スリープボタン(電源ボタン)とホームボタンを同時に押して、iPhoneで今表示している画面を撮影する機能です。誰かに画面を共有したいとき、たとえばゲームのハイスコアを友だちに自慢したいとき、LINEで面白いやりとりを保存したい！なんてときに活躍する機能です。 でも、電源ボタ

数あるjQueryスライダーの中から目的の用途に合ったものを探すのはちょっとした手間ですが、今日紹介する［Slider Pro］は完成度も高く機能も豊富なので、一度試してみることをオススメします。 名前に「Pro」と付きますがMITライセンスで基本的に個人でも商用でも無料で利用できるのでご心配なく。 特筆すべき機能としては以下のようなものがあります。 レスポンシヴ対応 ブレイクポイント設定可能 スワイプ操作、タッチ操作に対応 サムネイル設定 縦・横、両方のカルーセルに対応 フルスクリーン・モードが可能 Retinaディスプレイ用の画像の切り替えが可能 MITライセンス ……などなど。 文字通り「痒い所に手が届く」素晴らしいjQueryプラグインです。 実際に使ってみるとスグにその便利さを感じることができるはず。 試しに実装したサンプルは以下のURLからどうぞ。 ［Slider Pro］：実

さまざまなプロダクトが揃った、ロゴのデザインやブランディングのデザインに使えるシンプルなモックアップ素材を紹介します。 通常は有料ですが、期間限定で完全無料！ しかもロイヤリティフリーで利用できます。 ダウンロードできるモックアップ素材 ダウンロード方法 モックアップ素材の使い方 ダウンロードできるモックアップ素材 ダウンロードできるモックアップ素材はクオリティだけでなく、そのボリュームもすごいです。100種類以上の中から一部を紹介します。 ロゴや文字、イラストを加えたり、カラーやサイズを変更することもできます。

macOS Sierra 10.12とSafari 10にてe-Taxで確定申告する準備と注意点 2017/3/2 19:03 2021/12/30 15:11 24 Mac e-TaxSierra 当記事はアフィリエイト広告を掲載しています。 macOS Sierra で e-Tax を試みて完了したのでその方法をまとめておきます。わたしが使っている Mac mini Early 2009 には Sierra はインストールできないので、夫の Mac mini Mid 2011 を借りて、外付け HDD に Sierra をインストールして行いました。 今年の e-Tax の Mac での利用環境は OS X Mavericks (10.9) 、 OS X Yosemite (10.10) 、 OS X El Capitan (10.11) で、最新 OS である macOS Sierr

ページ表示速度の観点で考えると、画像においてはできるだけ小さいサイズでアップロードするべきです。でも一方で、MacのRetinaディスプレイなど解像度の高い環境での見栄えが気になります。そう、画像がボヤケて見えてしまうのです。 例えばRetinaディスプレイでオリジナルの画質を再現したいなら、単純に2倍のサイズでアップロードすれば綺麗に見えます。でもその分、貼られる画像が多くなるほど、表示速度はガッツリと重くなっていく。そしてWindowsではそこまでの解像度も必要ありません。Windowsでの閲覧者にとっては「ただ重い」だけです。 じゃあどーしたらイインダヨ！ボクはRetina対応させたいの！ そうですね。これはもはやワガママな話では無いと思います。デバイスのディスプレイはどんどん高解像度化し、それらが普及していっています。 でも「デバイスごとの表示切り替え」なんて、ちょっと調べてみたぐ