さくらでSSL(RapidSSL)の申し込みで行われる認証ファイルの自動認証が色々を面倒だったのでブログに情報をまとめます。 自動認証とは/.well-known/pki-validation/fileauth.txtをジオトラスト社のクローラーに自動でクロールしてもらい、認証確認をしてもら…
写真はうちのみーこ。 PageSpeed Insightsで100点を取るためには「Google Analytics を外しましょう!」という情報をよく見かけるので、 Google Analyticsを外さずにちゃんと100点を取る方法を説明します。Bootstrap等のよくある普通のサイトを高速化してPag…
写真はおもちゃに高速アタックするうちのみーこ。 ある程度の規模感があるサイトを複数運営していると以下のようなニーズが社内で出てくると思います。 独自のSEOレポートを作りたい 共通のSEOをする指標が欲しい 各種プロモーションとSEOを連動させたい こ…
絵はともだちが書いたみーこ。 SEOはブラックボックスなイメージが強いと思います。ですが最近はGoogleから日本語ドキュメントが多数公開され、さらに整備されているので勉強し易くなりました。 インハウスSEOを行っている方、協力会社でSEO作業をしている方…
写真はうちのみーこ。 昨日のツイートボタン表示と同じようにFacebookでも「共有ボタンの表示が遅い&重い」問題があります。 Facebookで共有ボタンを外すと当然速くなりますがサイトへのトラフィックが減る事になるので本末転倒です。 遅くなる&重く感じる…
写真はうちのみーこが子猫だった頃。 「ツイート」ボタンを表示しているサイトが抱える共通の課題に「ツイートボタンの表示が遅い&重い」があります。 ツイートボタンを外すと当然速くなりますがサイトへのトラフィックが減る事になるので本末転倒です。 こ…
写真はうちのみーこ。 サイト制作でよく使われる以下のライブラリ/CSSに依存したサイトを高速化してGoogleのPageSpeed Insightsで100点を取る方法を説明します。 Google Fonts jQuery Bootstrap FontAwesome 実際にどのぐらい速度に違いがあるのかデモページ…
写真はうちのみーこ。 今年も夏がやってきました。毎年この季節になると思うことはなんでしょうか? そう、ダイエットですよね。 海にプールにフェスにビアガーデンと夏特有のイベントがあるたびに痩せなきゃ!と気を引き締めるのですが3日後にはすっかり忘…
写真はうちのみーこ。 Googleからクラウド自然言語API(Cloud Natural Language API)が公開されたので気になる利用制限・利用料金を手短にまとめます。 ※ 2016/7/21日時点。 cloud.google.com 利用制限 対応言語 英語、スペイン語、日本語 テキスト量 1リク…
写真はうちのみーこ。スマホでも見やすいグラフを使う機会があるプログラマ・デザイナーの皆さまへ。小さいグラフを綺麗に描画できるJavascriptのライブラリを紹介します。 1. Peity http://benpickles.github.io/peity/HTMLの要素をSVGの小さいチャートに変…
Photo is MikoTheCat.When you select the weight of the cat in the select box, to display the amount of water drink necessary on one day. Cat Weight: 2.0kg 2.2kg 2.4kg 2.6kg 2.8kg 3.0kg 3.2kg 3.4kg 3.6kg 3.8kg 4.0kg 4.2kg 4.4kg 4.6kg 4.8kg …
猫が腎臓の病気になるのを予防するため、1日に必要とする水分摂取量を自動計算するツールをさっと作りました。 セレクトボックスで飼い猫の体重を選択すると、選択した体重に必要な水分量のグラム数が切り替わります。1日に飲んでもらいたい水分量の目安にお…
写真はうちのミーコ。被リンクの調査方法はあまり変化がなく固定化されています。この記事はその調査方法の要点をまとめたものです。 被リンク情報の取得について 1. Google Search Consoleを使う(旧名:Google Webmaster) Google Search ConsoleからCSVで…
写真はうちのみーこ。いまブームになりつつあるコンテンツマーケティングと取り巻く業界を整理して紹介します。企業のマーケティング担当者や、サイト運営者、コンテンツマーケティング関連のビジネスを展開している・または考えている方向けの情報です。 1.…
画像はIntroducing the New WordPress.comのキャプチャNode.jsでフルリプレイスされた新しいWordPressのCalypsoをインストールして動作させる所まで試したので記事にします。所要1時間ぐらいです。Calypsoの特徴はTechCrunchの以下記事に良くまとまっていま…
Photo credit: bjimmy934WEBサイト制作会社やWEBインテグレーション事業にプログラマ・エンジニアとして携わっている方向けに、プログラマの立場から見たSEO対策の要点を説明します。 1. SEOの仕様はGoogleが決めている 以下記事の2015年8月時点での情報によ…
Photo credit: Gattou - Lucie Provencher※2015/11/9日時点の情報です。いま流行中のマテリアルデザインの肝は?と聞かれるとやっぱりアニメーションですよね。シンプルなアニメーションによってユーザーインターフェイスの意図が伝わり易くなります。マテリ…
たまたま見つけたので紹介です。catch-the-eggはシンプルなjavascriptとCSSで作られたブラウザで動くゲームウォッチ風ゲームです。以下URL先で実際に動作します。http://shtange.com/catch-the-egg/GitHubのプロジェクトはこちら。github.com最近のランディ…
Ruby検定GOLDを受験して合格したのは2年ぐらい前になります。シルバーを受けて次にゴールドを受ける流れになるため、一回シルバーで慣れている分だけゴールドのテストの方が気分的には楽でした。この記事では合格するために行った方法を説明して行きます。記…
転職サイトのpaizaはお題に合わせてコードを書けるから楽しいですよね。下のランク(D)から上のランク(S)までなるほどと頭を使う問題がバランスよく揃っていて、採用側の機能は使った事ないですが書いたコードも見れるようなので即興のコードを見てもらうに…
パワポでWEBフォントをフォントして埋め込んだサンプル↓パワーポイントで資料作ってると、時折アイコン入れたくなりますよね。ソーシャルメディアのアイコンとかイメージを探してきて、わざわざスライドの中にサイズ指定して埋め込むのと調整手間だし嫌だな…
d3を使ったグラフの見出し/凡例を作るのって結構大変なんですよね。最近は内部でd3を使ったライブラリが増えてきましたが、legendの設定はライブラリでサポートしておらず、自分で都度作ることも多くなります。「d3 Legend」はそんな要望を一手に引き受けて…
1日1回、GitHubの人気プロジェクトを見ているのですが その中にd3を使ったグラフ理論の実装「greuler」があったので紹介します。以下デモサイト。http://maurizzzio.github.io/greuler/GitHubプロジェクト。maurizzzio/greulergithub.com デモサイトの下の方…
.bunny{ font-size:7px; /*> size */ position : absolute; width : 16em; height : 20em; margin : -10em 0 0 -8em;} .bunny::before, .bunny::after{ content : ''; display : block; width : 1em; height : 1em; margin : -1em 0 0 -1em; } .bunny::befor…
「jquery-vanish」は文字が1つづつ消えていくjQueryで作られたエフェクトです。Demoサイトmatheusazzi/jquery-vanishgithub.com最初vanishとあるからjQueryで何を追放するんだ?とバイオレンス方向のイメージをもったのですが追放のバニッシュは「banish」で…
「echo-chamber-js」は100%スパムにならない画期的な埋め込み型コメントシステムです。数行のjavascriptを書くだけで殆どのサイトで利用できます。tessalt/echo-chamber-jsgithub.com埋め込んで見た例画像はgravatar.com(アバターアイコンのサービス)から…
awesome-RemoteWorkはリモートワークする人のためのリンク集です。awesome-RemoteWork hugo53/awesome-RemoteWorkgithub.comどんなツールを使っているのかなと気になって見てみると、タイムマネジメントするツールが多いですね。クラウドソーシングでのリモ…
awesome-imagesは「フリーで使えるストックフォトサイト」へのリンク集で高品質なサイトばかり紹介されています。Github内で人気のawesome-xシリーズです。日本語情報はないですが、フリーで利用できるサイトが多数並んでいます。awesome-imagesheyalexej/aw…
個人のポートフォリオを掲載したりするプロフィールサイトを無料サービスを使ったり、ちゃんとサイトを作ったりと準備しているエンジニア/デザイナーも多いと思います。christophior/JSONConfigurablePersonalSiteはexpress-dustjs+JSON(プロフィールデータ…
Qiitaで書くような内容ですがブログでも。開発環境を作りなおしていたのですが、VMWareのvmware-toolsでサポートするHGFSで案の定と言うか不幸にもというか時間を取られたので解決する手順を残します。結論としてはvmware-tools-patchesを使います。vmware-t…