ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ライセンス - WTFPLの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/01/08

KnightTouchBar2000 - 懐かしのナイトライダーがTouchBarに

個人的にはナイトライダーは見たことがないのであまり知らないのですが、車が喋ってサポートしてくれるというのは知っています。機械が好きな男性にとってはたまらない仕組みと言えます。そんなナイトライダーに出てくるKITT 2000(ナイト2000)をモチーフにしたTouchBarアプリがKnightTouchBar2000です...

None

  • 2016/12/14

ipgetter - 自分のグローバルIPアドレスを調べる

サーバへの接続をIPアドレス制限している場合など、自分の外部IPアドレスを知りたいと思うことがあります。幾つかやり方はあるのですが、よくIPアドレスを表示してくれるWebサイトにアクセスしたりします。そんな面倒をかけずに使えるのがipgetterです。コマンド一つでIPアドレスを取得できます。## ipgetterの使...

List

  • 2016/01/06

FuckFuckAdblock - アドブロック検知プログラムをブロック

iOS9のSafariで追加されて以降、話題に上がることが多いのがアドブロックです。オンラインメディアにとっては死活問題になる訳で、アドブロックに対抗するJavaScriptライブラリも作られています。そんなアドブロック対抗ライブラリに対抗するのがFuckFuckAdblockです(ややこしい)。とどのつまり、アドブロ...

List

  • 2015/09/28

Extract it! - ついつい忘れがちな解凍コマンドをチェック

圧縮ファイルのフォーマットは多数あります。それに伴ってファイルの拡張子も異なります。有名なzipやtar.gzなどは解凍の仕方も覚えているでしょうが、rarやbz2、.Zなど時々しか使わないフォーマットだとコマンド入力に手間取ってしまいます。そこで使ってみたいのがExtract it!です。ファイル名だけコピーしたらE...

List

  • 2014/09/24

GitHub Dark – GitHubを黒ベースのデザインにして見やすく

GitHubのデザインはシンプルで良いですが、常時使っていると白ベースのデザインは疲れるかも知れません。プログラマーとしては黒ベースのデザインの方が慣れているので見やすいでしょう。そこで使ってみたいのがGitHub Darkです。GitHubのデザインを黒ベースにしてくれるカスタムスタイルシートです。## GitHub...

List

  • 2014/09/22

Chartist – レスポンシブ対応のSVGグラフライブラリ

Webは表現力が弱いと言われていますが、特にグラフ周りで苦労することが多いのではないでしょうか。データを単純に一覧表示するのではなく、グラフを用いることでトレンドを知ったり、よりビジュアル的に把握できるようになります。そこで今回は最新のグラフライブラリ、Chartistを紹介します。SVGで描かれたレスポンシブなグラフ...

List

  • 2014/07/29

PDFy - PDFをホストしてPDF.jsで表示するWebサービス

PDFはビジネスでよく使われるフォーマットになっています。そのためインターネット上にもコンテンツが無数にありますが、閲覧する際にはプラグインの仕組みを使っていたり、ダウンロードしたりしなければならないのが手間です。そこでプラグインフリーで使えるPDF.js

List

  • 2014/04/16

wallabag – マルチデバイス対応。後で読むのPocketクローン

Webサイトをブラウジングしている時間は限られます。朝のニュースチェックは手早く片付けていきたいですよね。そのために、まずは気になるものをチェックだけしておいて後で読むといったスタイルの方は多いのではないでしょうか。そんな「後で読む」をオープンソース・ソフトウェアで実現しているのがwallabagです。旧名poche

Missing

  • 2014/02/14

Dug.js - Web APIから取得して反映の流れをラッピング

確かに良くある処理ですね。最近、外部のWeb APIを叩いてその結果をHTMLに埋め込んで表示といった処理が多くなっています。JavaScriptで行うならばJSONPを使うでしょう。jQueryでやるならば$.ajaxでとってきて、successでテンプレートエンジンに値を当てはめて実行といった具合です。しかし同じよ...

List

  • 2014/02/01

Mappy.js - Googleマップでマーカーを立てるのに便利なjQueryライブラリ

Googleマップは地図を便利に使える存在ですが、プログラムと組み合わせようと思うと若干面倒なことがあります。そうした時にはサードパーティ製のライブラリを使うのがお勧めです。マーカーを立てたり、検索したりと言った操作をするならばMappy.jsが便利ではないかと思います。さっそく見ていきましょう。!マーカーを立てたとこ...

List

  • 2014/01/16

lz-string – 高速さが売りのJavaScritp圧縮/解凍ライブラリ

HTML5によってローカルストレージが使えるようになり、キャッシュ以上に速いデータの読み書きが実現できるようになっています。しかし大きな欠点があります。それはストレージが1ドメイン5MBまでに限定されることです。もっと大きなサイズで保存したい、そう思うこともあるかと思います。テキストデータであれば検討して欲しいのがlz...

List

  • 2014/01/04

FitVids.JS – 動画をレスポンシブに対応させるライブラリ

レスポンシブなWebデザインを考える時に若干面倒なのが動画の埋め込みです。YouTubeやVimeoでは動画を埋め込むためのiframeタグを配布していますが、これがwidth/height固定でレスポンシブでなかったりします。解決策としてはスタイルシート指定もあるのですが、単純にwidth指定では横長で左右の黒い部分...

List

  • 2013/10/31

Sticky Kit - 簡単に使えるスクロール追従型コンテンツを実現するjQueryライブラリ

ここまで簡単にできると嬉しいですね!最近のWebサイトで見かけるサイドバーが追従するコンテンツですが、単純に位置が固定になるだけでなく、縦に長いサイドバーやフッターがある場合にも適切に動作させようと思うと多少工夫が必要です。そんなデザインのサイトを実現したいと思ったならば使ってみたいjQueryライブラリがSticky...

List

  • 2013/09/09

後で読むのPocketクローン「poche」

pocheはPHP製、Google Chrome/Firefox/Android用のソフトウェア(ライセンスはWTFPL)です。後で読むサービス、Read it Laterは今はPocketというサービス名になっています。そのPocketクローンとも言えるサービスがpocheです。Androidクライアントで試していま...

List

  • 2013/08/01

Webブラウザ上でタイポグラフィをコントロール「kern.js」

kern.jsはJavaScript製、WTFPLのソフトウェアです。Webページ上にある文字が大きさを変えたり、配置を変更したらどう効果的になるか。それをWebブラウザ上で試せるのがkern.jsです。色々試すと、思いもしなかったインパクトあるデザインができるかも知れません。デモです。テキストの場所を変えたり、文字を...

List

  • 2013/07/31

ターミナルで使えるGoogle検索「Gisele」

GiseleはPHP製、WTFPLのソフトウェアです。Googleは2000年くらいの登場以後、最も信頼できる検索エンジンとしてずっと活用されています。そのデータを使えば面白い仕組みもできるでしょう。それを容易にしてくれるツールがGiseleです。オプションです。対応しているのはWeb検索、画像検索、ニュース検索になり...

List

  • 2013/06/03

モバイルファーストを推進するHTML5デザインフレームワーク「Kraken」

KrakenはHTML5/CSS/JavaScript製のソフトウェア(ライセンスはWTFPL)です。多数のHTML5テンプレートが登場しています。あまりに多くて選択に困ってしまうくらいです。そこでモバイルファーストを選択した際に候補に挙げたいテンプレートとしてKrakenを紹介します。こちらはグリッドのデザイン。基本...

List

  • 2013/02/28

SVGを使ってイラスト制作過程をアニメーション化「Lazy Line Painter」

Lazy Line PainterはSVGファイルを読み込んで、描く過程をアニメーションにしてくれるJavaScriptライブラリです。イラストや絵画はアナログな世界ではできあがった作品を見るのみですが、デジタルであればその作成過程を何度も繰り返し楽しめます。そんな面白さが感じられるのがLazy Line Painte...

List

  • 2012/12/03

OpenStreetMapをWeb上でメンテナンス「iD」

s2If current_user_canMOONGIFTはこう見るOSMの編集ツールは幾つかあるのですが、基本的に使い勝手があまり良くありません。スマートフォン向けアプリでは小さいものが多いですし、専用ソフトウェアをダウンロードさせるのは敷居が高いです。Web、しかもデスクトップのブラウザを使うのは利点があると思われ...

44303?type=list&url=http%3a%2f%2fwww.moongift.jp%2fwp-content%2fuploads%2f2012%2f10%2fscreenshot-2012-10-30-11.03.27_thumb

  • 2012/11/11

セキュリティに注意。ディスク全体を公開する手軽なWebファイルサーバ「quickserve」

quickserveは実行すると8080でWebサーバが立ち上がり、ディスク全体のファイルが公開できるソフトウェアです。LANなどで他の人にファイルを渡したい場合にファイル共有を使うのが一般的ですが、設定をする所からになると面倒です。もっと手軽にファイルを渡すためにquickserveを使ってみるのはいかがでしょう。実...