設定項目 AddToAny Share Buttonsを有効化したら、設定から表示方法を選択します。 設定のタブメニューには「standard」と「floating」があり、「standard」では、表示させたいSNSを一覧から選択して追加します。注目してほしいのは、LINEが選べることです。日本では、FacebookやTwitterと同等の波及効果を持つLINEがあるのは、嬉しい機能です。ここで設定したシェアボタンは「floating」にも反映します。 アイコンサイズのsmallは小さすぎて目立たないので、LargeかCustomで任意のサイズにすると良いと思います。 あとは、表示させるページと表示位置を選択します。「記事の最初」か「記事の最後」または、両方にシェアボタンを表示させるか選択して下さい。 「floating」では、シェアボタンを固定表示させる場合、有効化します。 「Vear

去年ぐらいはレスポンシブ対応のナビゲーションというとハンバーガーメニューばかりでしたが、最近ではスクリーンサイズに合わせるだけでなく、コンテンツや階層構造に合わせたナビゲーションが増えてきました。 Webページやスマホページのレスポンシブ対応サイトで最近よく見かけるナビゲーションのアイデアや実装方法を紹介します。

[訂正版] Google、モバイルファーストインデックスを導入、モバイルサイトを基準とした評価へ （訂正した記事を配信します）Googleがモバイルを基準としたインデックスを導入。これまでPCサイト基準で決定してきた検索順位が、モバイルサイト基準へ 公開日時：2016年10月17日 16:46 ※　昨日公開した記事「Google、自然検索インデックスの分離を発表、今後はモバイルが主要インデックスへ」に間違いがございました。訂正のうえ、情報を整理した記事となります　※ 米Google のGary Illyes（ゲイリー・イリーズ）氏は2016年10月13日、米国・ラスベガスで開催中の Pubcon のキーノートで、今後数か月内にモバイルを優先したインデックスへ切り替える方針を明らかにした。 PCファーストインデックスからモバイルファーストインデックスへ 主要なデバイスが PC からモバイルへ

ECサイトやウェブサイトを運営の皆様はオンライン上の売上をあげるために日々努力されていると思います。オンラインで売上をアップさせるのに強い味方になるのがレコメンドエンジン。 レコメンドエンジン自体は、最近の技術ではなく以前から存在するツールですが、近年では様々なレコメンドエンジンが登場し、比較的安価に、そして簡単に導入できるようになりました。 今回はそんなレコメンドエンジンにスポットをあて、レコメンドエンジンとは何か？からレコメンドエンジン選びのポイントについてりやすくお伝えします。(参考：【2021年最新版】レコメンドエンジンおすすめ19選！コスト・機能・サービス連携などを厳選比較） レコメンドエンジンとは、利用者の好みに合った商品を提案するシステムです。 Amazonなどでおなじみの「あなたにおすすめ商品」や「その商品を買った別の人たちがチェックや購入をした商品」をおすすめしてくれる機

アドビは、企業のマーケティング動向を分析したレポート「Adobe Digital Insights（ADI）」の最新版を10月4日に公開した。日本と、米国、欧州、アジア太平洋のデータをまとめている。 Adobe Marketing Cloud Japan Blog同レポートは、同社が提供するクラウドツール群「Adobe Marketing Cloud」に蓄積されたデータを活用し、米国、欧州と、日本を含むアジア太平洋それぞれ数千億回の訪問データを集約して分析したもの。今回紹介するのは、各国で「スマートフォン経由の訪問」がどういう状況にあるかのレポートだ。 日本のスマホ経由の訪問率は上位20％サイトでは60％スマートフォン経由からの訪問率は各国とも前年比で着実に増え続けており、日本は上位20％のWebサイトでスマートフォン経由の訪問が60％近くに達し、平均値を大きく上回った。上位20％とは、A

では、早速どんな設定をしたらあなたの記事の特定のページが今どんなキーワードで何位くらいにいるのかが分かるのでしょうか？実際にサーチコンソールの画面を使いながら解説をしていきたいと思います。 まず、今回の方法はGoogle Search Consoleにブログサイトを登録していることが条件です ただし、気を付けてほしいことがあります。あらかじめ、Google サーチコンソールにあなたのブログサイトの登録をしておく必要があります。 今回の記事を読んで『じゃあ僕もやってみよう！』という事で、今日からサーチコンソールにサイトの登録をしてもすぐにはデータは取れません。という事で、まだサーチコンソールにサイトの登録をしていない場合は、以下の記事を参考に登録作業をやってみてください。 ▼Search Consoleをこれから使い始める場合はコチラ↓ 『Search Console（サーチコンソール）への

CSSのfont-familyで游ゴシックを指定すると、Windowsで細くなってしまう問題の原因と解決方法を中心として、最近の日本語フォント事情をまとめました。 CSS Nite LP47 Coder's High 2016にてお話した内容です。 昔からマークアップエンジニアを悩ませて…

以前、bitbucket-syncを使ってサーバ自動化をしてみたをやって簡易デプロイを行なう方法を公開しましたが、GitlabのWebhookがうまくいきませんでした。cronを使いGitlabリポジトリをWEBサーバ側に反映させるなどで代替してみたり社内の環境は紆余曲折な状態でした。 ググればGitlabのサーバデプロイとかは上がってくるのですが、中々自分の環境ではうまくいかずいました。 何気に再チャレンジするとうまくいったので、忘れないためにもメモとして残しておきます。 きちんとしたアプリケーションを作る場合は、CIとかは必須ですがWebサイト程度で簡易デプロイする方法になります。 ※社内の環境を想定した作りのため、ご自身の環境には合わない可能性はあるかもしれません。 ※権限の問題や鍵など不明点あったりするので、間違っている部分あるかもしれません。 必要な環境 Webサーバ1台（当たり

「IT化・DX化推進」 無料相談窓口｜コンシェルジュサービス こちらは、「IT化・DX化推進」の困りごとを【無料】で相談できるサービスです。 ITトレンド担当者が、第三者の立場からあなた(の会社)の課題を伺い、適切なIT製品・サービスをご紹介いたします。

今回はWeb制作で役立つHTML/CSSを生成してくれるジェネレーターを紹介します。 CSS3の登場でより高度なアニメーションや表現ができるようになりました。一方、CSS3のコードは複雑になりがちでプロパティの使い方を覚えるのも大変です。 ジェネレーターはリアルタイムでデザインを確認できたり、GUIで簡単にデザインを調整できたりします。より効率的なWeb制作を行うために、ぜひ活用してみてください。 WAIT! Animate http://waitanimate.eggbox.io/#/ CSSのループアニメーションで遅延を挿入するのは簡単ではありません。こちらのサービスでは一時停止機能をもったループアニメーションのコードを生成してくれます。いくつかの主要なアニメーションのテンプレートが提供されており、さらにカスタマイズも可能です。 Stylie http://jeremyckahn.gi

みなさんブラウザは何を使っていますか。 僕はchromeです。 今回はchromeの検証の便利な機能を紹介したいと思います。 各種ショートカットキーはMacのものです。 何か便利小技が増えたら、ここに追記していこうかと思います。 1. 拡大縮小 拡大：「command」 + 「shift」 + 「+」 縮小：「command」 + 「-」 元の大きさに戻す：「command」 + 「0」 通常のブラウザの拡大・縮小と同じ 2. 上下キーで値の変更 Shift+↑ 10の増減 Alt+↑ 0.1の増減 3. 色をカラーピッカーから選択 カラーピッカーから色を選択できます。 さらに以前はchromeの拡張機能からしかできなかったような、サイト上から色を選択してとってくることもできます。 透明度も変更できる 4. minify化しているファイルを整形 minify化されているようなファイルを整形

tl;dr コンピュータ系の情報収集用のSlack公開グループ（モヒカンSlack）を作ってみたよ。 皆さんで協力して育てていく共同RSSリーダーみたいなものだよ。 このSlackグループの情報を追っていればオッケーなので、情報取集が格段に楽になったよ。 誰でも無料で参加オッケーよ。下のどっちかからメールアドレスを入力して参加できるよ。 Invite people to mohikan Slackin Google Forms 参加者数 1,694名 (2016/10/7 時点) 4,077名 (2017/1/25 時点) 7,000名 (2017/8/25 時点) 11,747名 (2018/12/1 時点) チャネルのリストは「Gist」にあるよ。148チャネル(2017/1/25時点） 分野ごとにチャネルが別れていて、追いたい分野のものに参加すると良いよ プログラミング言語系(毎朝G

最近北米の自宅と日本の実家に VPN を設けていろいろやれたらいいなーと思い、ルーターを物色したらなかなかすごいヤツを発見したので、買ってみました。 EdgeRouter とは 地元サンノゼのネットワーク機器ベンチャー Ubiquiti Networks のルーター製品群です。このルーターはデータセンター等で使われる Linux 系高機能ソフトウェアルーター Vyatta （Brocade の vRouter の源流）R6.3 をベースにした EgdeOS 搭載のルーター製品ですが、信じられないコストパフォーマンスと、 amazon.com での評価が異常に高いのが特徴です。 ちなみに私が買ったのは最廉価モデルの EdgeRouter X ですが、ハードウェアオフロード有効時でルーティング最大 940 Mbps 、IPsec VPN 最大 200 Mbps 、RIP / BGP / OSP

doda X（旧：iX転職）は、パーソルキャリアが運営するハイクラス転職サービス。今すぐ転職しない方にも登録いただいています。 今の自分の市場価値を確かめてみましょう。 世界的な大企業、いわゆるビジョナリーと言われる企業では、この30年ほど「学習する組織」をどのようにして創るかということが、大きなテーマとして扱われ続けてきました。 生き残る種とは、最も強いものではない。最も知的なものでもない。それは、変化に最もよく適応したものである（チャールズ・ダーウィン） 変化が激しい時代において、「企業や組織に集う人同士が学び、変化し続けることこそ重要である」という認識は多くの人が賛同するものではないでしょうか。 ところが、この点を多くの現役ビジネスパーソンや経営者と議論していくと、実は下図に示すようないつも慣れ親しんだ企業の運営体制こそが、実は「学習しない組織」にとても陥りやすいという衝撃的な指摘が

A few hours after this morning’s big unveil, Humane opened its doors to a handful of press. Located in a nondescript building in San Francisco’s SoMa neighborhood, the office is home to the startu

データビジュアライゼーション系のライブラリーといえば、D3.jsが有名。でも、シンプルなグラフをWebで描くだけなら、もっと手軽なChat.jsを使ってみてもいいかもしれません。 Webサイトのデータ量が多いときは、データを見やすくするための方法を見つけなければなりません。なんだかんだと、人間は数値データの長いリストを理解するのが得意ではありません。 そこで、チャートやグラフが役に立ちます。チャートやグラフを使えば、 複雑な統計関連のデータが分かりやすく直観的に理解できるようになるのはもちろんのこと、英語を話さない人でも利用可能になります。基本的なチャートであればみな同じスピードで理解できますが、専門用語が散りばめられた文章ではそうはいきません。 必要に応じてチャートを使えば、Webサイトは理解しやすくなり、見た目ももっと魅力的になります。 本記事ではChart.jsと呼ばれるJavaSc

今の日本で、一体いくら年収があれば、子供を2人育てることができるのだろうのか？ この疑問を解消すべく、ここでは次の条件３つをクリアできる適正な年収を導き出すことを目標にシミュレーションを行ないました。 年収の5倍程度の住宅ローンを完済する 子供2人を奨学金を借りることなく大学を卒業させる 必要とされる老後資金3000万円が貯蓄できる ここで子供の人数を2人とした理由は、私の周りに子供2人家族が多いということ、そして、少子化が進む日本において、2人目の子供を作るのかどうかは社会的テーマでもあると考え、設定しました。 ここでは 資金計画シミュレーション – 住宅金融支援機構 を利用することで、子供2人を育てるために必要な年収を算出していきます。 扱う数値は、わが家の子供が2人時の金額と様々な機関が行っている信頼ある調査結果を駆使し、できるだけリアルな分析を目指していきたいと思います 年収550

Facebook広告は「効果がいい」と聞いたことがある方も多いのではないでしょうか？ 確実に見込み客を獲得できる施策のリスティング広告などと併用して、潜在層を取り込むFacebook広告やTwitter広告はとても有効的です。潜在層向けというと幅が広すぎて、訴求したいユーザー以外に多く広告を出すことで、費用対効果が悪くなりがちですが、このFacebook広告は、特にターゲティング機能に優れており、配信したいユーザーに訴求できる潜在層向けの広告であると言えます。 Facebook広告は広告媒体としては新しいため、アップデートが多く、仕様の変更なども度々あり、リアルタイムの情報を得るのが、なかなか難しい場合もあります。 今や日本のFacebookユーザーは2,600万人、世界では16億人となっています。Facebook広告では、これだけ多くの世界中のFacebookユーザーに広告を配信すること