仕事&求人ジョブボード掲載、料金についてヘルプMOONGIFTについてヘルプTwitter(MOONGIFT)Facebook(MOONGIFT)新規登録ID/PWでログインTwitterでログインFacebookでログインマイページ現在のポイントポイント購入ログアウトITエンジニア/デザイナ向けにオープンソースを毎日紹介プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。違うページをクリック一つで印刷Webブラウザの印刷機能はとても貧弱です。少なくとも現在見ているページしか印刷できないし、印刷内容の制御もスタイルシートで行うしかありません。業務系などではもっと自由度が高い印刷機能が求められることも多いでしょう。Windows用のスニペット管理プログラミングやメールの文面などでスニペットがあると業務が捗ります。何度も繰り返し同じことを入力するのは面倒ですし、クリップボードは通常一つしかないので使い回しが面倒です。そこで使ってみたいのがSnipsです。呼び出して使えるスニペット管理です。Snipsの使い方Snipsの画面です。Webベースの2Dパズルゲームもしこの記事を読むのが仕事中であれば、さっさと別なところに移動した方が良いでしょう。プライベートな時間で暇な時にぜひ読んで欲しいです。単純なゲームというのはそれくらい中毒性があるものです。今回紹介するオープンソース・ソフトウェアはbox、Webベースの2Dゲームです。boxの使い方boxのゲーム画面です。今回のテーマはCSSです。Webページ上でのイベントを補足して何か処理を行おうと思うとついJavaScriptでやってしまいます。開発者にとってはもちろんその方が簡単なのですが、余計なコードが増えてメンテナンス性が悪くなることがあります(特にアニメーション)。そんな時にスタイルシートを使えば解決できるかも知れません。Go製のMedium向けアップロードツールMediumは日本では撤退を発表し、苦しんでいる感があります。コンテンツの書きやすさであったり、目指す世界観は素晴らしく、今後の立ち直りに期待する人も多いでしょう。そんなMediumに対してローカルで書いたMarkdownファイルからアップロードできるのがgodiumです。監視カメラなどで、定常的に流れている情報を常に記録し続けると容量がどんどん大きくなってしまいます。そこで使われるのがモーション検知です。動きがあった時だけ記録するようにすれば容量が削減されます。Webカメラでモーション検知を可能にするのがDiffy.jsです。JavaScriptだけで実現できます。今回のテーマはSVGです。スマートフォンやノートPCなどがどんどん高画質化する中で、画像などのバイナリファイルがどんどん肥大化しています。今後、ますます高画質化していくとバイナリファイルでは限界が出てくるでしょう。そこで注目したいのがSVGです。ベクターベースのファイルフォーマットで、XMLで記述されています。メニュー常駐型のWebブラウザWebブラウザを複数使いこなす人がいます。普段のブラウジング用と開発用で分けると言った具合です。すると必要な機能拡張やブックマークも変わるので、重たくなったりするのを防げるようになります。今回はさらに常駐系サイトを登録しておくのに便利そうなChromenuを紹介します。IMEを切り替えるキーボードショートカットを設定IMEの切り替えはよくあるコンピュータの操作です。日本語と英語だけなら簡単ですが、さらに絵文字、中国語、ロシア語など様々なIMEを使いこなしている人もいるでしょう。その時の入力ソースの切り替えがコマンド+スペースなのは非常に面倒です。そこで使ってみたいのがkawaです。カンバンをベースとしたプロジェクト管理プロジェクト管理ソフトウェアにおいてカンバンは欠かせない存在になってきています。アジャイルでスプリント管理しているケースは重宝するでしょう。開発以外のタスクについてもカンバンは便利です。そんなカンバンをベースとして発展しているプロジェクト管理システムがkanboardです。S3は静的なファイルのホスティングに最適ですが、一覧ページを作れません。静的なWebサイトとして使うのであればindex.htmlを置けば良いですが、単純にファイルを置いているのであれば一覧ページがある方が便利です。危険なドメインのリストインターネットは便利な仕組みですが、危ないWebサイトもたくさん存在します。Chromeなどはアクセスしそうになった時に警告を出してくれたりします。そんな危ないサイトへのアクセスを自己防衛できるのがmdstoreです。リッチな機能を持ったHTMLテーブルを出力Web上でのテーブル表示はよく使われているだけに、そのUXが優れているかどうかでサービス全体の印象が変わってきます。Excel並とまでは言いませんが、ソートや絞り込み機能はあると便利です。そんなHTMLテーブルを手軽に優れたUIで提供してくれるのがa-table.jsになります。1KBのビューライブラリReactやVue、Riot.js、Angular2などバーチャルDOMを使ったフレームワークが増えています。個人的にはVueが好きなのですが、多くのビューライブラリは大型化し、ちょっとした表示に使いたいというニーズにはマッチしなくなります。そこで使ってみたいのがHyperAppです。APIを使った開発などをしていると必要になるのがHTTPクライアントです。ヘッダーを確認したり、返ってくるデータを細かく見たいと思うはずです。手元に良いソフトウェアがないとcurlコマンドを叩いてしまったりします。そこで使ってみたいのがwuzzです。字幕を簡単に検索&ダウンロード海外の映画などで字幕がないと分かりづらいと感じることはあるでしょう。そのためのWebサイトはとても数多く存在しますが、検索が面倒だったりダウンロードするのにユーザ登録が必要なんてケースもあります。そこで使ってみたいのがCaptionです。簡単に字幕の検索、ダウンロードができるソフトウェアです。CSS3だけで実装されたレスポンシブなナビゲーションバーJavaScriptが高機能になり、有効であるのが当たり前になるとちょっとしたアクションであってもJavaScriptで実現したくなります。無効になっている場合やブラウザ間の動作誤差によってうまく動かない場合もあるでしょう。いった不具合を防止するにはスタイルシートだけで実装するのがベストです。HTML5のドラッグ&ドロップAPIをごく簡単に扱うHTML5で便利になった機能の一つにファイルのドラッグ&ドロップがあります。Webブラウザ上にファイルをドロップしてアップロードしたり、DOMをドラッグ&ドロップできたりします。できるとは言ってもコードをそれなりに書かないと使えないのが難点です。そこで使ってみたいのがdrag-dropです。Officeのファイルはデファクトといって言いほど広く使われるようになっています。Officeのファイルをメールで送信したりします。これが他のオフィススイートをであればそうはいかないでしょう。HTMLをMarkdownに変換するライブラリMarkdownが流行っています。Markdownで書いておけばHTMLはもちろん、PDFなどにも展開できます。これまでに書いた資産はどうしたら良いでしょうか。WYSIWYGエディタで作られたHTMLコンテンツは捨て置くしかないのでしょうか。そんなことはありません。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が730あります。blockworks。