こんにちは。sekoです。 昨今、ウェブサイトを多くの人に見てもらう為に、SNSを利用して広めていく事はもはや常識となっています。 その際、とても重要となるのがウェブサイトにOGPの設定することです。 今回はOGPについて紹介していきます。 OGPとは OGPの正式名称は”Open Graph Protocol”と言います。 facebookやmixi、google＋などのSNSとウェブページを連携させる為に設定する記事情報で、各種ウォール、ニュースフィードに「こういうサイトです」と明言するために必要な仕様です。 例えばfacebookにおいて、OGPを設定していないサイトで「いいね！」を押すと「〇〇さんがリンクについていいね！と言ってます」と自分のウォールには投稿されますがニュースフィードには反映されないため他の人の目に記事がさらされる事はなかなかありません。 しかしOGP設定をしたサイ

This is a simple Flask extension that configures your Flask application to redirect all incoming requests to HTTPS. The extension is no longer maintained, prefer using Flask-Talisman as it is encouraged by the Flask Security Guide. If you're interested in financially supporting Kenneth Reitz open source, consider visiting this link. Your support helps tremendously with sustainability of motivation

Flask にはリクエストを処理するコールバックが呼び出される前と後に何らかの処理を挟むことができる。 Web アプリケーションフレームワーク的には一般にフィルタと呼ばれているものかな。 ロギングや認証など、複数のコールバックを横断するような処理は各コールバックの中に書いてしまうと煩雑になりがち。 同様の仕組みは WSGI Middleware を使っても実現できるんだけど、アプリケーションの中で完結していると分かりやすい。 ひとまず Flask をインストールしておく。 $ pip install flask 前後に処理を挟むには Flask#before_request と Flask#after_request のデコレータを使う。 次のサンプルコードでは、これを使ってリクエストとレスポンスの内容をログに残している。 #!/usr/bin/env python # -*- codin

まとめてシェアボタンを実装するブログパーツ「忍者おまとめボタン」。 手軽に設定、設置できるのでこのブログでも使っているんですが、 デフォルトだと右寄りか左寄りにしかならないのですこし不便なんですよねー。*1 で、ググったらこちらの記事を発見しました。 参考 助太刀忍者 [忍者おまとめボタン]｜おまとめボタンの設置について StyleかCSSで幅(width)を指定してすれば、センタリングできるとのこと。 元記事では幅が200pxになっていましたが、そのままだと改行されてしまったので広げて360pxにして、CSSに以下を追加しました。 .ninja_onebutton { width:360px;margin:0 auto; } これでOK！ 無事にセンタリングされました。 *1:CSSでtext-align: center;入れても効かないですし。

Heroku | New Dyno Types and Pricing Public Beta Heroku使ってますか？ わたしは、いくつかNode.jsで自作したボットとか動かして楽しんでいます。 最近、会社でもslack連携させるhubotをherokuを使って運用するのを試しています。 そんな中で新料金が発表されました。 ざっと目を通していたら気になる点が。 Awake time max 18hrs/day 1日18時間までしか起動させておけなくなるようです。 heroku schedulerとか、監視サービスとか利用してHack的にDynoを寝かさないようにしている方、結構いるんじゃないでしょうか。 自分もHubotをhubot-heroku-keepaliveというモジュール使って起こし続けているのですが、それができなくなりそうです。 でもよく考えてみると、起きていてほしい時間

こんにちは、らくからちゃです。 いつも皆様はてブを沢山つけて下さり、誠にありがとう御座います。わたしは、沢山はてブが貰えることを楽しみに文章を書いています。はてブが貰えると、『ああ、こんな風に読んでもらえたんだなあ』ということが分かりますし、アクセス数も増えてより多くの人に記事を読んでもらえ、大変有難い話です。 はてブとホットエントリー 『はてブ』が沢山つくと、『ホットエントリー』という『はてなブックマーク内の人気記事』として紹介して貰えます。ホットエントリーになると、アクセス数はその記事だけで3万から6万PVにまでなります。『ホットエントリーに入るのはとても大変なのでは？』と思われるかもしれませんが、コツさえ掴んでしてまえば、それほど大変な話では有りません。その辺の話は、下記にまとめてみました。 またわたしは、ブログで『お小遣い稼ぎ』をしていますが、ホットエントリーが発生すると、だいたい

レスポンシブWebデザインのサイトは国内でも増えてきましたが、制作するとなるとかなり手間がかかります。 そんなとき役に立つのがレスポンシブWebデザイン対応のフレームワーク。中でも「Bootstrap」は、多彩な機能を備え、その使いやすさから広く知られています。 そこで今回は、国内の秀逸なレスポンシブWebデザインを集めた「Responsive Web Design JP」から、Bootstrapを使って作られたサイトをご紹介したいと思います。 whiteSTOUT フォトクリエイティブを中心としたマネージメントオフィスのサイトです。トップに大きな画像を使い、洗練されたイメージとなっています。 AGATHA E-SHOP アクセサリーブランド「AGATHA」のECサイトです。有名ブランドの、しかもECサイトにもBootstrapが使われています。 ACTUS online こちらは有名イン

Browse Topics All 2 Computer Science Gaming More Browse Topics Recent Activities Home 2 Room available Create Room @juan 3 months ago Lets play today 1 Joined Gaming @Weloveu 3 months ago Lets learn python 2 Joined Computer Science Recent Activities lopez05.jl62@gmail.com 3 months ago replied to post “Lets play today Hola weloveu638@gmail.com 3 months ago replied to post “Lets learn python looks g