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

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

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

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

もっと見る

List

  • 2016/08/31

Barba.js - ページ遷移をアニメーションで実行

Webページは一般的にリンクをクリックするとURLが変わってページ全体が再読み込みされます。ページのローディングも時間がかかりますし、ユーザビリティとしてイケてるとは言いがたいでしょう。そこで使ってみたいのがBarba.jsです。URLをクリックした時のページ遷移をアニメーションをまじえつつ行ってくれます。## Bar...

List

  • 2016/08/31

Froala WYSIWYG HTML Editor - 綺麗なデザインのWYSIWYGエディタ

昔のWYSIWYGエディタと言うとツールバーに多くの機能が並んでおり、生成されるHTMLは相当分かりづらいものでした。機能が豊富すぎたために表示速度が重たかったり、一般ユーザにとっても混乱しかねないものだったと思います。現在ではずいぶん進化しており、すっきりとしたデザインで使いやすいものが増えています。今回はFroal...

None

  • Premium_s 2016/08/30

交換制企業内勉強会のススメ

数年前にはやり、今も多くの企業で行われている社内勉強会。全員が持ち回りで新しい技術を紹介するような形で行われているかと思います。しかし、多くの企業においてあまり長続きしません。理由としてはネタが枯渇してしまうことがあります。そこでお勧めしたいのが交換制の企業内勉強会です。これは複数の企業において、相手の会社を訪問して発...

List

  • 2016/08/30

SimcirJS - Webベースの電子回路シミュレータ

最近IoTに注目が集まっています。自分でもセンサーやマイコンを買って試してみたという方もいるのではないでしょうか。しかしコンピュータ上のプログラミングとは異なり、簡単には動かないケースも多々あります。それを解決するために一度はシミュレータで試してみてはいかがでしょう。SimcirJSを使えばWeb上で回路図を作成できま...

List

  • 2016/08/30

Di-ary - LaTeXとMarkdownが同時に使えるメモアプリケーション

単にメモを取るアプリケーションであれば数多くあります。それだけに何らかの特徴を持たせる必要があるでしょう。例えばアーキテクチャを工夫しても良いでしょうし、機能的な特徴でも考えられます。今回紹介するのはDi-ary、Ruby on Rails製のノートアプリケーションです。技術的、機能的な特徴のあるソフトウェアです。##...

List

  • 2016/08/29

TextDiff class - PHP製の差分ライブラリ

プログラマーであれば誰もがDiff(差分)表示のお世話になっているはずです。しかし多くの場合、差分表示はバージョン管理と密接な関係にあります。差分表示を行うためにバージョン管理に登録するなんてこともあります。もっと手軽に差分表示を使いたいと思うならばTextDiff classを使ってみましょう。PHP製、Webベース...

List

  • 2016/08/29

Holmes - ページ内の情報を素早く検索

サイト検索は常に問題になります。Web全体を対象とするならばGoogleでも良いでしょう。その反動か、サイト独自の検索は突然使い勝手が悪く感じられるものです。少しでも使いやすい検索を提供しないとユーザは離れてしまいます。今回はJavaScriptベースのページ内検索、Holmesを紹介します。JavaScriptだけあ...

List

  • 2016/08/28

yolog - Gitのログを見やすく表示

Gitリポジトリを使ってバージョン管理しているプログラマは多いかと思います。バージョン管理するメリットの一つにログを確認できるというのがあるでしょう。しかしGitのログ表示はそれほど見やすいものはありません。単純に一覧されるだけなので、もっと詳しく知りたいと思ったら別なツールを使っているのではないでしょうか。そこで使っ...

List

  • 2016/08/28

google-sites-backup - Googleサイトをバックアップするスクリプト

ちょっとしたWebサイトを作りたいと思った時にGoogleサイトは便利な存在です。制約もありますが、あまり体裁を気にせずに情報だけを伝えたいと思うような時に使えます。また、アイディア出しのプロトタイプとしても使い勝手が良いです。情報が蓄積されていくと独自のWebサイトに移行したいと考えるかも知れません。そんな時にはgo...

List

  • 2016/08/27

SQLiteForExcel - ExcelからSQLiteを利用

Excelは何にでも活用されますが、それでも基本は表計算ソフトウェアです。蓄積されていくデータが多くなるのに従って、データベースソフトウェアが必要になってくるでしょう。データベースであれば、他のソフトウェアからも同じデータが利用できるようになります。今回はExcelからODBCなしでSQLiteを操作できるSQLite...

List

  • 2016/08/27

Pairs - スマートフォンを使ってデスクトップブラウザを操作

GoogleなどがHTML5を使って、デスクトップとスマートフォンを連携させたゲームを時折公開します。スマートフォンをコントローラとすることで、加速度センサーや傾きを使った、よりインタラクティブなゲームが開発できるようになるでしょう。今回はそんな操作を可能にする技術基盤になるPairsを紹介します。学べるポイントが多い...

List

  • 2016/08/26

GitHub Dark - GitHubのデザインを黒ベースに

明るい画面を見続けていると目が疲れてしまいます。そこでプログラマなどはコード編集画面を暗くし、長時間画面を見ていても疲労しないようにしています。それは何もコードを書くときだけに限りません。WebブラウザでGitHubのページを見る機会が多い人はGitHub Darkを使ってみると良いでしょう。## GitHub Dar...

None

  • Premium_s 2016/08/26

時間がない人向けの時間の作り方

いつも仕事に追われて、なかなか自分の時間を確保できないと嘆いている人がいます。膨大なタスクに終われ、毎日終電近く(または徹夜)で仕事をしているのになかなか終わらない…と言う人たちです。今回はそういう方向けに、個人的に実践している時間の作り方を紹介します。## 前倒しで終わらせる日本人の生産性(生産量ではなく)の低さを感...

None

  • 2016/08/26

mysqlgrep - 任意のテーブル、カラムを検索するMySQL用Grep

システムのコードが入ったリポジトリでgrepを使って検索するというのはよくあることです。全体の中にどこに該当するテキストがあるのか分からない場合、まずは全体を探してみるでしょう。今回紹介するmysqlgrepはMySQLで使えるGrepです。テーブルを指定する必要もなく、一気に検索できます。## mysqlgrepの使...

List

  • 2016/08/25

googliser - Google画像検索から自動ダウンロード

Googleイメージ検索を使えば面白い画像であったり、素敵な風景写真などがあっという間に手に入ります。サイズも指定できるので壁紙を集めるのにも便利です。個人的にはアニメーションGIFの検索にもよく使っています。そんなGoogleイメージ検索の結果画像をまとめてダウンロードしてくれるのがgoogliserです。## go...

List

  • 2016/08/25

Nightmare Animated GIF - ブラウザの操作をアニメーションGIF化

NightmareはElectronベースのヘッドレスブラウザです。主にテストに利用されますが、スクレイピングに使われているケースも多いようです。Phantom.jsなどに比べて簡素にかけるのがうけています。そんなNightmareのプラグインとしてNightmare Animated GIFを紹介します。Nightm...

List

  • 2016/08/24

jQuery Select Areas - 一つの写真から複数の範囲を指定

クロップ(切り抜き)をサポートするライブラリはたくさんあります。顔写真をアップロードして一部だけ切り抜くのはよくありますし、写真の中の余計な部分を消す際にもクロップが使われます。今回はちょっと面白い、複数範囲のクロップをサポートしたjQuery Select Areasを紹介します。## jQuery Select A...

List

  • 2016/08/24

ImageMaps - Naver製。地図画像の編集ツール

地図は地図のまま利用するのではなく、多くの場合その上にアイコンを載せたり線を描いたりします。そうすることで目的の場所を目立たせたり、駅などから目的地へ移動しやすくなるでしょう。今回紹介するのはImageMaps、地図の上にアイコンなどを載せられるjQueryプラグインです。## ImageMapsの使い方編集画面です。...

List

  • 2016/08/23

Goat - アスキーアートをSVGに変換

アスキーアートと画像は切り離せない関係にあります。面白い写真が誰かの手によってアスキーアート化されたり、逆にアスキーアートのキャラクターがイラスト化されたりします。それぞれに良さがあります。今回はアスキーアートをSVGに展開するGoatを紹介します。テキストで作った作品が滑らかな直線、曲線で描かれるのは面白いです。##...

None

  • Premium_s 2016/08/23

業務で使えるオープンソース(202)「状態遷移図/シーケンス図」

今回のテーマは状態遷移図/シーケンス図です。懐かしのUMLの失敗としてはシステム開発のあらゆる部分をビジュアライズしようとしたことで、使い切れないケースが多かったところだと思っています。しかし状態遷移図やシーケンス図は今でもシステムの説明をする際に必要な要素であり、その部分だけをピックアップするのであればまだまだ使える...