bpushをオープンソースにしてみた 下記の記事を投稿したのが 2015年04月28日 で、もう少しで２年になります。 ウェブにプッシュ通知をもたらすウェブサービス「bpush」を作った この記事を投稿してから bpush はほんの少し話題になりました。それから約２年。 クラウドサービスとしてのbpushは2017年3月末をもってサービスをクローズし、 大幅に機能拡充してオープンソースソフトウェアとして公開することになりました。 主な機能追加 Firefoxサポート(VAPID対応) 日々の送受信数などの統計ページの用意 ユーザーをタグ付けするAPIの用意(指定タグのユーザーにAPI経由で通知を送信) golangによる高速なAPIの追加 余談ですが、クリック数の計測のためのAPIがPHPだと間に合わないという問題がありまして、わりと最近ですがクリック数計測のAPIをgolangで書きまし

１５日の都議会の予算特別委員会で、小池知事が、豊洲市場の建物の安全性を確認した東京都の検査結果について報告を受けながら、都議会で質問を受けるまで１か月余り公表していなかったことが明らかになりました。小池知事は公表すべきだったとする認識を示しました。 この中で議員が「何をもって豊洲市場の『安心』を得られたことになるのか」と判断基準をただしたのに対し、小池知事は「都民が移転事業を正しく理解し信頼に足ると納得したときだ」と述べ、安心かどうかは都民が判断するという認識を示しました。そのうえで、都民から理解と納得を得るには、市場の安全性や都の取り組みについての徹底した情報公開が重要だと強調しました。 一方、その「情報公開」をめぐって、１５日の質疑では、豊洲市場の建物の安全性を確認した都の検査結果について、小池知事がことし１月２０日に報告を受けながら、先月２８日の都議会で質問を受けるまで１か月余り公表

小野田紀美【参議院議員/岡山】 @onoda_kimi 内閣第一部会・青少年推進調査会合同会議でした。未来ある子供達を性被害から守ることは本当に大切な事です。勿論今回の議題、児童の性的搾取に係る対策の基本計画案も、JKビジネス規制の条例も、中身は必要な内容で納得なのですが… 中身とは別に一部男性議員達から漫画が要因の１つと発言あり。 pic.twitter.com/zILpYlTroG 2017-03-16 09:15:20 小野田紀美【参議院議員/岡山】 @onoda_kimi 黙っておれず「漫画をはじめ２次元を犯罪の要因としないでほしい。3次元の被害を解消するために必要なのは3次元の規制である。実際の子供達を守るため、実際の子供達に手を出す人間を取り締まることは重要だが、２次元と混同して話すのはやめてくれ」という趣旨の発言をしたところブーイングを受ける 2017-03-16 09:23

MenuSpyは、ナビゲーションメニューを作成するためのjsライブラリです。MenuSpyには大きな特徴があり、ページ内で滞在しているセクションビューに対応してメニューが強調されながら自動で推移していきます。通常は、メニューを選択して該当するエリア（アンカーなど）を表示させますが、ユーザーのスクロールによってメニューが自動で強調されます。シングルページに使用するには最適なナビゲーションメニューの仕様です。それでは、MenuSpyについて詳しく見ていきましょう。 MenuSpyの実際のデモは以下のページから確認できます。 デモ MenuSpyには、３つのポイントがあります。 依存関係がない ES6を使用していますので、外部のライブラリやフレームワークを設置することなく動作します。 使いやすい ダウンロードしたjsファイルを読み込むだけですので、非常に使いやすいライブラリです。 軽量で高速 使

UnCSSはCSSををパースして使用してないスタイルを削除、使用中のものだけ残してくれるツールです。OSSとしてもソースコードが公開されています。この手のは先発のツールがありますので好みで。複数Webページにまたがってパースする（ドメインレベルで解析する）わけじゃ無さそうなので使用シーンは限られますけど、覚えておいて損は無いかなぁと思います。 UnCSS

Webページで使用しているSVGのパスをアウトラインに変換し、アンカー、コントロールポイント、ハンドルを表示してデバッグができるChromeの拡張機能「xvg」を紹介します。 「xvg」は無料で利用できるChromenの機能拡張で、オンラインのWebページでもローカルファイルでも、ブラウザ上に表示したSVGのデバッグができます。 というわけで、SVGで作成したコリスのロゴを用意してみました。

jExcelは、ブラウザにExcelと互換性のあるスプレッドシートを埋め込むための非常に軽量なjQueryプラグインです。js上の配列やCVSファイルからでもテーブルにデータを直接ロードすることができます。第三者のjqueryプラグインと統合して、独自のカスタム列、カスタムエディタなどを作成することもできます。 これまでテーブルタグにより地道に作成する必要のあった表は、jExcelにより非常に簡単な作業となります。その上、様々なカスタマイズが可能ですので、サイトのクオリティを上げることができます。 以下のページからjExcelのデモを確認できます。 デモ jExcelを使用する際、jQueryライブラリを必ず読み込みましょう。そして、ダウンロードしたファイルから［jquery.jexcel.js］［jquery.jexcel.css］の順で読み込みましょう。 表のデータは<script>で

Webページの多くは縦長に作られています。縦方向のスクロールについてはホイールなどを使って簡単にできますが、それでもあまりに長いと操作が面倒です。さらに横向きのスクロールはストレスでしょう。 そこで使ってみたいのがSlyです。上下または左右など一方向でのスクロールナビゲーションが便利になるライブラリです。 Slyの使い方 横向きのスクロール例です。数字を選んだり、下にあるナビゲーションで移動ができます。 縦型もできます。 リストだけでなく文章などでも利用できます。 コンテンツを動的に追加する無限スクロールもサポートしています。 Slyを使えば上下または左右のスクロールに多数の機能が持たせられます。目次とその見出しへの移動に使ったり、カルーセルのような使い方も考えられるでしょう。アイディア次第で面白い使い方ができそうです。 SlyはJavaScript製のオープンソース・ソフトウェア（MIT

デスクトップやスマホなど、異なるスクリーンのサイズでも、黄金比や白銀比などのアスペクト比を維持したまま画像や要素を実装するスタイルシートを生成する便利なオンラインツールを紹介します。 このかわいいデザインに、癒やされますｗ

掲示板はインターネットサービスの基本とも言えます。インターネットが出たての時から存在しましたし、今なお使われ続けています。基本はテキストながら、画像や動画を扱えるものもあります、多様性があります。 Homelandはそんなフォーラムシステムで、Ruby on Railsベースで作られています。 Homelandの使い方 スレッドの一覧です。返信数も見られます。 スレッドの詳細です。 その下にコメントが並びます。 チャンネル一覧。カテゴリのようなものです。 チャンネルの中のスレッド一覧。 Homelandはすっきりとしたデザインのフォーラムで、Bootstrapを使って作られています。スレッドの一覧とコメント、そしてチャンネルという組み合わせになっています。Herokuへのデプロイもできますのですぐに使えます。 HomelandはRuby/Ruby on Rails製のオープンソース・ソフト

Parrots in captivity seem to enjoy video-chatting with their friends on Messenger

Google Cloud、マイクロインスタンスを無料に。App Engineは1日28時間、Cloud Storageは月5GB、Cloud Functionsは月200万回など、無料枠を拡大 Googleは同社のGoogle Cloud Platformの無料枠を大幅に拡大しました。 例えば、Google Compute Engineのf1-microインスタンスはずっと無料で利用でき、NoSQLデータベースのGoogle Cloud Databaseは1GBまで無料、オブジェクトストレージのGoogle Cloud Storageは1カ月あたり5GBまで無料。 さらにGoogle App Engineは1日あたり28時間インスタンス時間まで無料、Google Cloud Functionsは1カ月あたり200万回呼び出しまで無料など、全部で15のクラウドサービスについて、性能や容量など

スマートフォン、タブレットなど様々な画面サイズのレスポンシブ表示確認が簡単にできるチェックツールです。拡大縮小や縦横回転も自由自在。

Waffle gridはflexboxを使った、シンプル軽量なグリッドシステムです。7kbほどのスタイルシートでレスポンシブ、カスタマイズ性も考慮された設計との事です。ありがちなclassなのでフレームワーク的なものを使い慣れてる方は扱いやすいんじゃないでしょうか。CDNもあるようです。ライセンスはMIT。 Waffle grid

デザイン制作や案件にぴったりな高品質な無料写真素材を見つけるのは、大変な作業です。今では大量のフォトストックサイトがあり、やっとお気に入りを見つけてもライセンス規約の問題があるなんてことも。 FreePhotos.cc を使えば、複数の写真素材サイトから手軽に目的の一枚を探すことができます。さらにこのサイトで見つけることができる写真は、どれも商用利用ライセンスに対応しています。 FreePhotos.ccとは？ FreePhotos.cc は、著作権を放棄した CC0 ライセンスの写真素材を集めたコレクションで、無料ダウンロードでき、どんなプロジェクトにも利用することができます。 FreePhotos.cc では、人気フォトストックサイトのAPIを利用することで、一度に複数の写真素材サイトから高品質で自由に編集できるフリー写真素材を短時間で見つけることが可能です。 風景やテクノロジー、ビジ

WordPressでランダムに選ばれた記事へのリンクが設定されたボタンを作成・配置する方法です。 個人的に使う機会も利用しているのを見かけることも少ないですが、ブログやWebマガジンなどでよく見る人気記事や関連記事を表示するのと同じように、他の記事も見せたいときに配置する要素のひとつとして使えると思います。 実装にはまず下記をfunctions.phpに記述します。 if ( ! function_exists( 'random_post_button' ) ) { function random_post_button( $post_type = 'post' ) { $args = array( 'post_type' => $post_type, 'posts_per_page' => '1', 'post_status' => 'publish', 'orderby' => 'ra