はてなブックマーク

今や少し下火になってきている無限スクロール、昔はホットだった。Facebookが使ってるんだし俺らも使おうぜ！ってな感じで、その実装方法が乱れ飛んだのも今は昔。 で、この技術、SEOに最適な実装方法というのがある。Googleが2014年末に投稿したブログに従えば、ちょっと気をつけて実装しないといけないってことが分かる。 今回はその方法を解説する。まずはjScrollというjQueryプラグインで無限スクロールを実装する方法を解説し、これをSEOに最適化させる方法へ続く。 プロジェクト作り jScrollのダウンロード まずはGithubからjScrollをダウンロードする。 pklauzinski/jscroll: jScroll Infinite Scrolling Plugin for jQuery 落としてきたファイル一式から『jquery.jscroll.min.js』を取り出し

ブログやWebメディアだけでなく、より多くのアクセスが欲しいならWebサイトのSEO対策は必須だ。今回は、SEOを強力にサポートしてくれるWordPressプラグイン『All in One SEO Pack』の設定方法を紹介する。 お手軽にAll in One SEO Packを設定する方法 記事中で解説する設定内容をAll in One SEO Packの設定ファイルとして提供する。次に説明する方法でこのファイルをインポートし、いくつか個別の設定を行えば、一から設定せずに済むのでお手軽だ。是非活用してほしい。 All in One SEO Pack インポート・エクスポート機能を有効化 まずは設定ファイルのインポート・エクスポート機能を有効にしよう。 サイドバーの『All in One SEO』を選び、『インポーター & エクスポーター』の Activate をクリックする。 All i

Notoフォントは全ての言語に対応することを目指す野心的なフォント。GoogleとAdobeが共同開発したこのフォントは無料で利用できる。 ※Adobeからは、『源ノ角ゴシック』として提供されている。 プログラミング用フォント『Source Code Pro』を開発したAdobeが関わっているおかげか、Notoフォント自体非常に美しい。 そんなNotoフォントは『Google Noto Fonts』なるプロジェクトで無料で公開されている。 Google Noto Fonts 今回は、このフォントをWebフォント ―すなわち、外部からダウンロードして使うフォントとして使う方法を紹介する。 実は面倒くさい、WebフォントでNoto Sans Japanese Type SquareやFONTPLUSなど、Webフォント提供サービスは数多く存在する。サイトを見る端末にフォントがインストールされて

巨大化するWebサービス/アプリの開発現場で着実に市民権を得てきたTypeScript。C#生みの親Anders Hejlsberg老師が作ったとあって開発効率を爆上げしてくれる。非常に筋の良い言語だ。 今回はTypeScriptへJavaScriptソースをインポートし、webpackを使って1ファイルにビルドする方法についてangularプロジェクトを例に取って解説する。「npmとかbowerで落としてきたJavaScriptってTypeScriptからどう使うの〜？」てな事を解決しよう。 さくっと分かる(?)ビルド方法 これからつらつらと設定やインポート方法の解説が続くけれど、やりたいことはシンプル。要はTypeScriptでJavaScriptをインポートする命令を書き、それをビルドして1ファイルにする設定をするだけ。それでは詳しく見ていこう。 詳しいビルド方法 プロジェクト構成

2015年末のSlack App Directoryの発表と同時に公開された、SlackのBotを作るためのフレームワーク Botkit の使い方を解説する。 Slackとプログラムの送受信部分はBotkitがやってくれるため、Botの本質的な部分に集中できるからオススメだ。 SlackでBot作成 まずはSlackにアクセスしてBotを作る。 Bot creation page Botの名前を聞かれるから、好みの名前を入れる。 Add Integrationを押してBotを作り終えると、Botの設定ページへ移る。 このページは、API TokenやBotの名前の変更など、Botにまつわる設定ができる。 Botを開発するため、ページ中ほどのAPI Tokenをコピーしよう。 Botkitのインストール Botプロジェクトを作りたいフォルダーへ移り、Botkitを入れる。

C#開発を爆速にするResharperの開発元であるJetBrainsがC#向けのIDEを開発している。その名も『Rider』だ。JetBrains製IDEのベース技術であるIntelliJ Platformで作られている。（余談だけれど、Android Studioなんかもこの技術を元にして作られたIntellij IDEAをベースにしている） Resharperで培われたノウハウがつめ込まれているだろうからRiderには期待してもしきれない。お笑いだったらどんなネタでも滑るぐらいハードルが上がっている。 現在、JetBrainsはRiderのプロトタイプ（Rider EAP）を公開している。このRider EAPを使ってみたので紹介する。 Riderって？ おさらいしておくと、RiderはJetBrainsが開発中のC#用統合開発環境だ。Visual StudioでのC#開発をあの手こ