WordPressを AMP（Accelerated Mobile Pages）に対応させるなら『AMP』プラグイン - H2O blog
Googleがスマートフォン向け Webサイトの「爆速」表示テクノロジーである「AMP（Accelerated Mobile Pages）」というプロジェクトを発表し、2016年 2月下旬にも Google検索に導入されるとのことです。 ここでは、AMPとは何かの紹介と、WordPressで運営しているサイトの対応方法をご紹介しましょう。 特殊HTMLで Google向けにコンテンツを提供するしくみ AMPは、Googleがオープンソースで開発を進めるプロジェクトです。以下にオフィシャルサイトがあります（英語）。 Accelerated Mobile Pages Project 冒頭にある短い映像で、利用イメージが掴めますが、例えば検索やソーシャルでのシェア、メッセージのやりとりで、これまでサイトのURLなどを共有した場合、Webブラウザーが起動して HTMLを読み込んで表示していました。
H2O Blog. • 分かりやすい文章を書くために工夫していること
Editors’ & Writers’ Advent Calendar 2013 - Adventar の18日目です。 私は、『WordPressをちゃんと使うための教科書』や『よくわかるPHPの教科書』、『よくわかるJavaScriptの教科書』など、初心者さん向けの入門書などを執筆しています。 今日はそんな入門書を書いた経験から、「分かりやすい文章を書くために工夫していること」をいくつか紹介してみたいと思います。 解説をとばす 技術系の記事の場合、どうしても「例外」があったり、ケースによって必要なことが異なることがあります。これらを一文の中で説明しようとすると、どんどん結論が先延ばしされて、全体的に難解な文章になっていってしまいます。 そこで、文章ではそのような例外などをどんどんとばして簡潔に説明し、代わりにコラムなどを使って、一つずつ紹介をします。 例） 6-23の手順に従って、デ
H2O Blog. • Sublime Text 2と Markedで、ワープロソフトなみの文書作成
ワープロと言えば、Microsoft Wordや Apple Pagesなどがあります。しかし、PCでしか作成できなかったり、再利用性が低かったりなどで面倒。 Google Driveも魅力的ですが、いまいち素敵な文書が作れません。そんな中、Markdownでなんとかならないかと試行錯誤していたら、Sublime Text 2 + Markedという組み合わせが素敵でした。 Sublime Text 2 泣く子も黙るエディタソフト。Markdownを記述するエディタソフトであれば、この他にもBywordなどでも構いませんが、ST2に「Markdown Extended」などを入れれば、十分エディタとして利用できます。 Marked OS X向けの、Markdown文書プレビューソフト。これが素敵すぎます。 Marked - smart tools for smart writers このソ
H2O Blog. • MAMPの MySQLを Sequel Proで管理する方法
MAMPの MySQLを Sequel Proで管理する方法 MySQLの管理ソリューションとしては「phpMyAdmin」が一般的ですが、OS Xで管理するときは「Sequel Pro」の方がより便利です。 Sequel Pro データの管理はもちろん、テーブルの制作から構造の変更、エクスポートやインポートも、非常にスムーズに行うことができます。 そんな、Sequel Proで MAMPの MySQLを管理する場合は Socket接続を利用すると良いでしょう。 起動画面で「Socket」を選んで、図のように記入していきます。 Socketのパスは、MAMPのスタートページに記載があります。 MAMPに内蔵されている phpMyAdminから乗り換えると、非常にスムーズに管理する事ができますよ。
H2O Blog. • フォームを作るときに気をつけたいポイントあれこれ
フォームを作るときに気をつけたいポイントあれこれ Web担当者Forum で、こんな記事がありました。 お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ | Web担当者Forum チェックボックスやラジオボタンなどに <label> 要素を付加しようという内容で、フォーム制作の基本の内容ですが、次の通り HTMLを自分で書かないWeb担当者さんでも、デザイナーさんが作ったフォームに関して最低限これだけはチェックしておくといいですよ、というお話しです。 とのことで、啓蒙としても非常に価値のある記事だと思います。 私も便乗して、フォーム制作するならこれは気をつけたいという内容を、改めて紹介します。参考になれば幸いです。 フォントサイズは 16px以上に iOSでは、テキストフィールドのフォントサイズが 16px未満であるとタップしたときに少し拡大されてしま
H2O Blog., iPhone/iPadの SSHクライアント「Prompt」を日本語で使う方法
Webの制作、特に開発をしている場合外出先でちょっとSSH接続をしたいなんて事が良くあります。これまでは、ノートパソコンを開いたりしていたかも知れませんが、iPadやiPhoneがあればクライアントソフトがいくつかあります。 いくつか購入してみて、一番気に入ったのが、Panic社の「Prompt」。Codaや Transmitなど、MacでWebサイト制作をする人間は知らない人はいないソフトの開発をされています。 ただこの Prompt。標準では日本語が表示・入力できません。Twitterにもその旨悩みをつぶやいてみたところ、中の方からご丁寧に回答を頂きました。曰く、 とのことで、Promptを起動したらすぐに次のコマンドを打ち込みます。 export LANG=ja_JP.UTF-8 これで無事に、日本語が表示され、ちょっと動きは怪しいですが入力もできています。便利になりそうです。愛用し
H2O Blog., NAVERまとめで「Coffee Scriptを学ぼう」を作ってみた
「NAVERまとめ」というサービスは、閲覧する側としては愛用していたのですが、なかなかまとめたいことがなく、使う機会に恵まれませんでした。今回、たまたま「Coffee Script」で検索をしてみたら、まだまとめがなかったので、作ってみました。非常に使いやすいですね。他のネタでも作ってみようかな？ Coffee Scriptを学ぼう [NAVER まとめ]
H2O Blog., iOS 5の Safariで追加された「autocapitalize」属性値
iOSのSafariには「autocapitalize」という属性があり、onにすると、英語で例えば「Hello」などと最初の文字を大文字で打ち込みやすいように、あらかじめShiftキーが押された状態になりました。 iOS 5では、この属性が拡張されて、「on/off」に加えて次のような属性値が設定できるようになりました。 characters ずっとShiftキーが押された状態になり、すべて大文字で記入されます。一時的に解除することはできますが、1文字小文字を打ち込んだらすぐにShiftキーが押された状態に戻ります。 sentences（textareaのみ） 改行するごとに、最初の文字が大文字になります。「on」と同じ値でしょうか？ words 空白を入れるごとにShiftキーが押されます。「Hello Again」などの文章が打ち込みやすくなります。 といった具合。どちらにしても、あ
H2O Blog., 「JavaScriptだけで作る、Titanium Mobile iPhone/Androidアプリ開発入門」が超良書
Titanium Mobileを学習したくて、書籍を購入したりWebの情報をあさったりしているのですが、秀和システムさんから出ている『JavaScriptだけで作る、Titanium Mobile iPhone/Androidアプリ開発入門』が超良書でした。 280ページ程度という多くはないページ数ながら、Titanium MobileのインストールからApple Developer Networkへの登録の方法、JavaScriptの入門、Titanium Mobileらしいサンプルプログラムの作成が3本と、デバッグ手法、ストアへの出品方法と、全体がうまく網羅されています。 そして、素晴らしいのは取り上げている3本のアプリ。ストップウォッチと、RSSリーダー、アルバムアプリと、使って楽しいサンプルを、丁寧な解説で作り上げていきます。 Webビュー、カメラ、Googleマップと、スマートフ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
H2O Blog., 『Try Git』を日本語訳してみました
H2O Blog., 「Terminalと仲良くなろう」のスライドを共有します