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

Webの記事一覧

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

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

もっと見る

List

  • 2017/01/05

RSS Bridge - 各種WebサービスをRSS/Atom/JSONに変換

ブログをはじめ、多くのWebサイトでRSS/Atomフィードを提供しています。しかし時代の流れからなのか、新しいサイトではそもそも提供していないというケースもあるようです。これでは購読はもちろん、マッシュアップ的な面白さもありません。そこで使ってみたいのがRSS Bridgeです。各種WebサイトをAtom/JSON化...

List

  • 2017/01/04

Repo Manager - Subversion/Gitリポジトリを簡単に作成

開発者であればバージョン管理のないシステム開発など考えられないでしょう。今はGitを使えば自分のローカルからでもバージョン管理をはじめられます。しかしかつてのSubversionなどはサーバを立てる必要があり、若干敷居が高かったのです。今回紹介するRepo ManagerはGit/Subversionに対応したリポジト...

List

  • 2016/12/31

Mobile-Checker - w3c製のモバイルサイトチェッカー

スマートフォンの世界は進化が速く、スマートフォンに対応したWebサイトを正しく作れているかどうかは熟知している人であってもなかなか判断できないのではないでしょうか。そんな時には本家であるw3cの仕様に沿うのがベストです。今回紹介するMobile-Checkerはw3cが作成しているモバイルデバイスへの適合性チェックツー...

List

  • 2016/12/30

swip - 体験必須!複数デバイスを簡単に連携

Googleが作成した、複数のウィンドウを連携させるChromeの実験的デモを見たことがあるでしょうか。複数のウィンドウ間でメッセージを飛ばすことでデータの位置やステータスを同期させていると思われます。そんなデモを複数のスマートフォン、タブレットでできてしまうのがswipです。## swipの使い方swipを使っている...

List

  • 2016/12/29

WhitestormJS - 物理エンジンを備えた3D Webアプリケーションフレームワーク

Web上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。今回紹介するオープンソース・ソフトウェアはWhitestormJS、物理エンジンを備えた3D Webアプリケーションフレー...

List

  • 2016/12/28

Bludit - プラグイン/テーマ機能を備えたPHP製ブログエンジン

ブログエンジンというのは常に新しいものが登場している気がします。世界的に見れば圧倒的なシェアを持っているのがWordPressでしょう。しかしMediumであったりnotesのような手軽に書けるサービスも人気です。今回はそんなブログエンジン、Bluditを紹介します。PHP製ですっきりとしたデザインが特徴のソフトウェア...

List

  • 2016/12/28

tdo - キーボード主体のハッカー向けTodo管理

マウス操作は何かと面倒です。一度掴むと離すのが面倒になって、ついついWebブラウジングの時間が長くなったりします。指は常にキーボードのホームポジションから離したくないという人は多いはずです。そんな方にお勧めのTodoリスト、tdoを紹介します。キーボードで操作できる、ハッカー向けTodoリストとのことです。## tdo...

None

  • 2016/12/27

fallback - JavaScript/スタイルシートを外部CDNからダイナミックに読み込み

最近はCDNサービスが多数あり、JavaScriptやスタイルシートを外部サイトから読み込むのも当たり前になっています。しかし他サービスとあって、ずっと存在し続けるのかも安定性も若干の不安が残ります。しかしだからといってローカルにファイルを用意するのも面倒です。そこで使ってみたいのがfallbackです。## fall...

List

  • 2016/12/26

Polr - 独自に立てる短縮URLサービス

短縮URLサービスは多数存在します。元々はTwitterなど文字数制限があるサイトで使われることが多かったですが、今ではチャットでシェアするのに使ったり、URLを入力しやすくするためにも使われます。そんな短縮URLサービスを自分で立ち上げたいならばPolrを使ってみてはいかがでしょうか。## Polrの使い方デモです。...

List

  • 2016/12/25

Radiobox.css - ラジオボタンに選択時のアニメーションを追加

フォームで選択した際に何のフィードバックもないと不安になってしまいます。文字を入力していれば分かりやすいのですが、マウスでクリックした時に適切なフィードバックは必要でしょう。今回はラジオボタンにおける選択時のアニメーションを提供するRadiobox.cssを紹介します。## Radiobox.cssの使い方前半の6つで...

List

  • 2016/12/25

Native Javascript for Bootstrap - jQuery非依存のBootstrap用JavaScript

Bootstrapを使っているプログラマーは多いと思いますが、大きな不満の一つにBootstrapのJavaScriptはjQueryが必須であるという点があります。先進的なデザインフレームワークを使っているのに、今なおjQueryを使い続けなければならないのが苦痛です。そこで使ってみたいのがNative Javasc...

List

  • 2016/12/23

viewScroller.js - スムーズなコンテンツ切り替えライブラリ

Webは情報がURLごとに区切られるのが基本で、そのためページが切り替わる度に頭がリフレッシュしてしまいます。その結果、離脱してしまったり前後関係がうまく伝わらなかったりします。そうならないためには情報の連続性が大事になります。今回はそれに使えそうなviewScroller.jsを紹介します。## viewScroll...

List

  • 2016/12/21

Quick Tetris - Web製ですぐに遊べるテトリス

テトリスは永遠です。誰でもすぐに遊び方が覚えられる上、中毒性があります。遊び手としてもちろん面白いのですが、開発者として見るとどうでしょうか。実際処理としてはもの凄く難しい訳ではなさそうです。作ろうと思ったら作れそうな気がしませんか。そこで参考にしたいのがQuick Tetrisです。Webベースで動くテトリスです。#...

List

  • 2016/12/21

Islands - 自然な形の島を生成

自然物をコンピュータ上で再現するというのは意外と難しいものです。リアルの世界では一定の法則がありそうでない(またはあるのかも)仕組みに沿って物が形成されます。樹木であったり、雲の形などはよくある例です。その一つとして陸の形があります。陸の形は波風によって浸食され、火山や地震によって隆起したり逆になくなったりします。そん...

List

  • 2016/12/20

Power Touch - スマートフォンを拡張キーボードとして使う

TouchBarはその部分自体が小さなコンピュータになっており、本体とは切り離された存在です。その可能性として、二つのコンピュータを組み合わせた利用法が考えられます。タッチを通じてメッセージを飛ばし合うことで面白い処理ができるようになるかも知れません。そんなTouchBarにインスパイアされて作られたのがPower T...

List

  • 2016/12/18

dboxserver - Dropboxの公開フォルダに正しいmimeTypeを

DropboxがHTTPベースでのファイル公開機能を停止しました。HTMLやJavaScriptファイルについては適切なmimeTypeが与えられず、ダウンロードになってしまいます。セキュリティ上の問題と思われますが、不便を感じている人も少なからずいるのではないでしょうか。HTMLをさくっと公開できる環境は便利でした。...

List

  • 2016/12/18

Really Simple Weather - Web APIを使って簡単に天気情報を取得

インターネットはリアルと対極にあると考えがちですが、実際にはリアルを補完する存在として使われることのが多いです。スマートフォンでは天気アプリが使われることが多く、Yahooの雨雲レーダーのように5分後、10分後の天気が気になるケースはよくあります。そんな訳で天気情報は以外とオンラインでもウケが良いです。もしWebサイト...

List

  • 2016/12/16

ZangoDB - IndexedDBをMongoDB風に操作

HTML5ではKVSとして IndexedDBという機能が提供されています。localStorageなどよりも多くの情報を保存したり、検索したりすることもできるので便利に使えます。しかし使い方を覚えるのが若干面倒です。そこで使ってみたいのがZangoDBです。IndexedDBをMongoDB風のAPIで操作できるよう...

List

  • 2016/12/15

Scrum Board - カンバン機能だけを取り出したJavaScriptライブラリ

GitHubがIssuesをカンバン風に表示する機能を提供するようになっていますが、Issuesを使っていない場合もあります。自社のタスク管理を使っていて、カンバン機能だけを取り入れたいと考える人もいるでしょう。そんな方に使ってみて欲しいのがScrum Boardです。JavaScript製のカンバンライブラリです。#...

List

  • 2016/12/14

concatss - 複数の画像をくっつけて一つの縦長画像に変換

縦長の画面をまるごとスクリーンショットを撮りたいと思っても、OS自体がそういった機能を提供していないことがあります。Webブラウザはどうにかなりますが、例えばiOSではそんな機能はありません。そこで使ってみたいのがconcatssです。複数の画像をアップロードして、一つの縦長画像に変換します。## concatssの使...