5分でわかる正しい Web サイト常時 SSL 化のための基礎知識
Web サイトを常時 SSL 化する場合に、最低限知っておかなければならない知識や、注意点、実際の設定方法まで、ひと通りまとめてみました。メリットやデメリット、証明書の種別からリダイレクト設定などについても解説しています。 HTTPS をランキングシグナルに使用しますと Google が公式に発表したあたりから、Web サイトの SSL 対応、特に Google が推奨している Web サイトをすべて HTTPS で配信する、所謂 「常時 SSL 化」 についての話を聞いたり、実際にお客様から相談されたりするケースが増えてきました。 そこで、いい機会だしその辺に関する情報をまとめておこうかな～ と思って書いてみた、恒例の （？） 5分でわかるシリーズ。書き終わって見たところ絶対に 5分じゃ無理っていう文章量になっててどうしようかなぁとも思ったんですが、気にせず公開してみます。 常時 SSL
Firefox 31 の開発ツールに便利なカラーピッカー機能が実装される
現在、Firefox Aurora としてリリースされている、Firefox 31 の開発ツールに新しいカラーピッカー機能 「Eyedropper」 が実装されました。 閲覧中の Web ページから、色情報をピックアップできますが、1px 単位で選択できるため、細かいグラデーションなどの一部でもピックアップしやすくなっていて便利です。 Eyedropper - 開発ツール ： MDN 開発ツールの設定に、「Grab a color from the page」 （ページから色を取得） という設定項目がありますので、チェックを入れて有効にします。 すると、開発ルールにカラーピッカーのアイコンが表示されます。このとき、インスペクタのカラー設定 （Default color unit） で選択されている形式で色情報が取得されますので、お好みで設定しておくといいでしょう。 カラーピッカーのアイコン
Google Drive に Web ページから簡単にファイルを保存するボタン
Google Developers Blog で、Web ページ上にある画像やファイルを、ワンクリックで Google Drive に保存できるボタン、「Save to Drive」 ボタンが紹介されていました。 ボタンを設置する簡単なコードを追加するだけで、すぐに自分の Web ページに、このボタンを設置することが可能です。 An easier way to save files to Google Drive ： Google Developers Blog Starting today, Drive users can use the "Save to Drive" button to do exactly that. The "Save to Drive" button is an easier way to save files directly from a website.
Web フォントでアイコン表示。 Font Awesome 使ってみた
Blog のデザインをリニューアルしました報告でもちょっと書いたんですが、アイコン関係を Web フォントを使ってやってみました。その時に利用させてもらったのが 「Font Awesome」 でして、今回はその簡単な使い方について書いてみようと思います。 Font Awesome, the iconic font designed for use with Twitter Bootstrap Font Awesome は簡単に言ってしまえば、Twitter Bootstrap のアイコンを Web フォントで扱えるようにしたもの。Twitter Bootstrap のアイコンは CSS Sprite で利用できるようにひとまとめになった 「画像」 として提供されていますが、Web フォントとして提供されることで、よりサイズ、カラーなどを柔軟に扱えるようになっています。 Font Aweso
placeholder 属性と jQuery で IE にもプレースホルダを
フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用するプレースホルダ。HTML5 では、placeholder 属性が新たに追加され、プレースホルダの提供が簡単に行えますが、この属性の値を活かして、未対応環境にもプレースホルダを提供する jQuery プラグインを紹介します。 フォームの入力コントロール （input とか textarea） に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用する （プレースホルダ） なんてことはよくやります。 HTML5 では、プレースホルダを指定する属性として、まさにそのままの名前が付いた、placeholder 属性が新たに追加され、ブラウザさえ対応していればとても簡単に実現可能になっていますが、今のところ IE が対応していな
Tumblr 日本語版がベータ提供開始
今日、ログインして気がついたのですが、Tumblr の日本語版がベータ提供開始されていました。ダッシュボードの右側サイドメニューにベータ版提供開始の案内が表示されます。 ただ、Greasemonkey スクリプト関連で一部問題も（後述）。 現在、とても少ない人数で日本語化の作業が行われているとのことで、まだまだ完全な日本語版とはいきませんが、海外の Web サービスは UI が英語でちょっと苦手という人には Tumblr 始める敷居が下がるかもしれませんね。（日本語化の中の人ご苦労様です） ということで、試しに日本語に変えてみましたが… 見慣れないとやっぱ違和感がありますね（笑 少し使ってみましたが、どうも日本語版に切り替えると Greasemonkey スクリプトのうち、「ReblogCommand」 が動作しなくなるようです（英語版に戻すと動作する）。ReblogCommand が使え
HTML5 を学ぶための情報源まとめ
ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちょっと更新サボりすぎでしたが、最近 HTML5 関連の話もとっても増えてきましたので、ここらで HTML5 に関する情報を集めるときに情報源として有益なサイトをまとめてみたいと思います。 やはり、英語での情報が多くなってしまうので、英語能力が残念な私なんかは結構厳しいんですが、いくつか日本語での情報源も挙げてみましたので、併せて見ておくといいと思います。 ちなみに、XHTML 好きな私としては、XHTML5 で次のサイトリニューアルとか
iPad 用にスタイラス自作してみた
iPad や iPhone で使える静電容量式タッチパネル対応のスタイラスを買いたいなと思っていたのですが、タップは問題なくても文字を書いたりという操作に適した物がなかなか見つからなかったので、自作してみました。 iPad の手書き系アプリでメモなどを書く際、指でもいいんですけど、手元が見にくかったりして書きにくいことがあったりするので、スタイラスが欲しいなと思っていました。 ところが、iPad や iPhone のような静電容量式タッチパネル用として市販されているスタイラスは、キーボードのタップなどには向いていても、文字を書いたりすると画面に引っかかってスムーズに行かなかったり、なかなかいい物が見つかりませんでした。 そこで、もう面倒なので自分で作ることに。要はスタイラスの先端から自分の指に電気が流れさえすればいい訳ですから、市販の導電スポンジ（IC とか CPU とか刺しておく導電性の
5分でわかる Instagram の始め方
今年の10月に一般公開されてから、ものすごい勢いで利用者が増えている写真共有サービス （というかアプリ）、「Instagram」。最初は写真とか特に趣味でもないし、別にいいかと思ってスルーしてたんですが、Twitter のタイムラインでもちょくちょく見かけるようになって気になってきたので使ってみました。そしたらこれ、面白いですね。ハマりますわ。 私も写真は撮りますし、興味はあるんですが、本格的に写真にのめり込んでいるわけでもないし、「私、写真が趣味です」 って人にいう程ではないわけですが、それでもこの 「Instagram」 にはハマりました。なんていうか、写真を撮って人に見せるっていうことの敷居を下げてくれるというか、写真を撮ることが楽しくなるアプリですよこれ。 私が面白いと思ったポイントは2つ。 アプリに搭載されたフィルターのマジックで普通に考えれば何でもない写真が、なんかいい感じにな
iRinger で iPhone 着信音を作る
iPhone の着信音は、iTunes でライブラリに入っている曲を加工して比較的簡単に作ることができるのですが、開始時間と終了時間を入力して最大 40秒を切り出すという操作で視聴しながら作成できないため、1回作ってみて、ちょっと開始とか終了がずれていたら微調整して書き出し直して、みたいな手間がかかり面倒でした。 iRinger は Windows 専用ながら、この着信音の作成を簡単にできるソフトウェア。しかもフリーで使えます。 iRinger ： iPhone Ringtone Factory iRinger ではドラッグで開始位置、終了位置の調整ができて、その都度視聴ができるため、できあがりを確認しながら作業ができます。また、エフェクトをかけることも可能で、最後をフェードアウトさせたり、逆にフェードインさせたり、音量の調整やディレイ、ブーストといった処理を加えることも可能です。 使用す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
