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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

List

  • 2013/09/10

スマートフォン、タブレットの判別情報をHTMLに追加「Device.js」

Device.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。最近はスマートフォン、タブレット、デスクトップとWebブラウザごとの処理分岐が多くなっています。そのような時に都度ユーザエージェントで判別しているのでは面倒です。使ってみたいのがDevice.jsです。iPhoneで縦...

None

  • Premium_s 2013/09/10

Mobile Touchを作る際に注意した10のこと

今回は先日MOONGIFTがリリースしたMobile Touchを開発する際に注意した事柄について紹介します。個人やスタートアップレベルでサービスを企画、開発、リリースする際に参考にしてもらえれば幸いです。

List

  • 2013/09/10

写真にタグ付け「Taggd」

TaggdはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。写真は見た目のインパクトにおいてテキストに勝りますが、写真のままでは説明が不足してしまう時があります。そこで使ってみたいのがTaggd、写真にタグ付けするためのライブラリです。例えばこの...

List

  • 2013/09/10

HTMLのテーブルに柔軟なフィルタリング機能を追加「Ex Table Filter」

Ex Table FilterはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。業務システムでテーブルを使った一覧表は度々用いられますが、そのデータが大量の場合はデータを絞り込むフィルタリング機能が求められます。様々な条件で使われるフィルタリング...

List

  • 2013/09/09

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

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

List

  • 2013/09/09

手軽にスムーズなスクロールを実現「AnimateScroll」

AnimateScrollはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。Webページは縦長になりがちです。そこで使われるのが自動スクロールですが、一気に飛んでしまうとユーザのストレスになるのでスムーズなスクロールが求められます。そこで今回はAnimateScroll...

List

  • 2013/09/08

ネットワーク/バッテリー状態をチェックして表示「FailSafe」

FailSafeはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。今はモバイル全盛の時代です。しかしそのモバイルの弱点としてバッテリーと電波がよく取り上げられます。そんなユーザの環境を提示できるライブラリがFailSafeです。オフラインの場合、ネットワークがない旨表示...

List

  • 2013/09/08

WebサイトにもiPhone風の通知を実現「HTML iOS Notifications」

HTML iOS NotificationsはHTML/JavaScritp製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。iOSやAndroidなどのモバイルでは通知機能が便利に使われています。それはアプリに限らず便利に使えるはずです。そこで使ってみたいのがHTML iOS N...

List

  • 2013/09/07

スニペットをコンテンツにするCMS「codejab」

codejabはPHP製のオープンソース・ソフトウェア(GPL)です。オープンソース・プロジェクトとはオープンソース・ソフトウェアのソースコードをコンテンツとしたコミュニティ活動と考えられます。そうソースコードはコンテンツになり得る訳です。そこで紹介したいのがスニペットをコンテンツとしたCMS、codejabです。登録...

List

  • 2013/09/07

画面幅に応じて文字サイズ、高さを変更「FlowType.JS」

FlowType.JSはJavaScript製のオープンソース・ソフトウェア(MIT License)です。レスポンシブWebデザインにおいては画面幅によってコンテンツの表示が変化します。そのため意図した通りに表示されていないと感じることが多いかも知れません。そこで使ってみたいのがFlowType.JSです。最初の表示...

List

  • 2013/09/07

フラットUIに影をつける「jQuery Flat Shadow」

jQuery Flat ShadowはjQuery/JavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。フラットUIが人気ですが、あまりにもシンプルであるために物足りないと感じる人も多いようです。そこでフラットUIっぽさを壊さないようにメリハリをつけられるのがjQ...

List

  • 2013/09/06

Scala用のWeb IDE決定版「Typesafe Activator」

Typesafe ActivatorはScala製のオープンソース・ソフトウェア(Apache Licnese 2.0)です。Typesafe社はScala専業ベンダーですが、そこから生み出されたのがTypesafe Activatorです。Webブラウザを使ってAkkaやPlayを使ったWebアプリケーションの開発が...

List

  • Premium_s 2013/09/06

使えるWebサービス・オープンソース(14)「Markdown」

今回のテーマはMarkdownです。Markdownはライトなマークアップ言語として一定のシェアを確保しつつあります。開発者の方で使っている人も多いのではないでしょうか。そんなMarkdownを書くのに適したWebサービス、ソフトウェアを紹介します。

List

  • 2013/09/06

Pythonの正規表現をWebで試す「PyRegex」

PyRegexはPython製のオープンソース・ソフトウェア(GPL)です。最近では正規表現に代わるVerbalExpressionsもありますが、それでもまだ正規表現の需要はなくならないでしょう。しかしちゃんとマッチしているのかどうか分からない場合もあります。そこで使ってみたいのがPyRegexです。トップページです...

List

  • 2013/09/06

CSS3だけで実現する多彩なアニメーション「magic」

magicはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。Webページは基本的に静的で、動くものは訪問者の目を引きます。アニメーションGIF、Flash、動画などがありますが今回はユーザの操作によるインタラクティブなアニメーションを実現するmagicを紹介し...

List

  • 2013/09/05

要チェック!WebベースのGitクライアント「ungit」

ungitはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。Gitの利用が広がっています。運用時にはコンソールで使うことが多いと思いますが、それでは分かりづらいと感じる人がいるのも確かです。そこでWebブラウザベースのungitを試してみましょう。最初の画面です。既存のリポ...

List

  • 2013/09/05

これ一つでLuaの開発がはじめられる「ZeroBrane Studio」

ZeroBrane StudioはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア(MIT License)です。これからLuaを勉強したいと思っているあなたにお勧めなIDEがZeroBrane Studioです。ダウンロードするだけですぐにLuaが実行、開発できる環境が手に入りますよ!メイン...

List

  • 2013/09/05

ターミナル操作を記録&再生「Shelr.tv」

Shelr.tvはRuby/Ruby on Rails製のオープンソース・ソフトウェア(GPL)です。各種サーバソフトウェアをインストールしている記事はとても有益で、同じソフトウェアをインストールしようと思ったエンジニアにとって役立っていることでしょう。今回はそれの一歩先をいく、コンソール操作を再現するShelr.tv...

List

  • 2013/09/04

既存のHTMLからID/クラスを抜き出してCSSを生成「extractCSS」

extractCSSはJavaScript製のオープンソース・ソフトウェア(MIT License)です。スタイルシートの記述法は幾つかあります。linkタグで外部ファイル化、styleタグでインラインに表示、そしてstyle要素でタグごとに指定する方法です。styleタグに書き込まれてしまったスタイル設定を一気に書き...

List

  • 2013/09/04

jQueryによるパララックス・エフェクト「paranimator」

paranimatorはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。スクロールを使ってアニメーションを実行するパララックス・エフェクトは使いどころによっては大きなインパクトを残せます。作るのが大変というイメージがありますが、paranimatorを使えば容易に実現で...