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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2017/06/26

siwapp - Ruby on Rails製の請求書管理

請求書はビジネスにおける基本的な帳票と言えるでしょう。請求書に応じて入金や支払いもありますので、企業の生命線を握った帳票とさえ言えるかも知れません。だからこそ適切に管理されなければならず、帳票管理サービスが多数あるのも頷けます。今回紹介するsiwappはオープンソースの請求書管理システムです。## siwappの使い方...

List

  • 2017/06/26

lf - ターミナル用のファイル管理

ファイルを管理しようと思ったらファイルマネージャを使うのが一般的です。WindowsであればExplorerであったり、macOSであればFinderを使います。次期iOSでもファイル管理用のアプリが追加されます。ファイル管理はコンピュータの基本機能と言えます。それなのにLinuxのターミナル上ではlsやmkdirなど...

List

  • 2017/06/25

jquery-rsSliderLens - レンジ入力を格好良く変身させる

HTML5になってWebフォームのコントロールは増えていますが、それでもなお標準のままではあまりにチープです。そこでスタイルシートなどを駆使してデザインを変更するのはよくあることです。今回注目するのはレンジコントロールです。一定の範囲内にあるデータを指定するのに便利ですが、表示があまりよくありません。そこで使ってみたい...

List

  • 2017/06/24

That's Text - Safariのテキスト編集を外部エディタで行う

Webブラウザのテキストエリアでの文字入力というのは非常にストレスがかかります。普段使っているプログラミングエディタと全く異なり、殆ど機能がありません。メモ帳レベルの機能しかありません。これで長文を書いて欲しいと言われたらがっくりしてしまうでしょう。そこで使ってみたいのがThat's Textです。Safariのテキス...

List

  • 2017/06/23

SlideShare To PDF - SlideShareのスライドをPDFでダウンロード

オンラインでスライドを共有しようと思ったらSlideShareが最もよく使われてきましたが、macOSのPDFで日本語が表示されない問題があり(回避策はあるらしいですが)、SpeakerDeckに移っている方が多いかと思います(個人的にも移りました)。そうなるとすでにアップロードしているスライドをダウンロードしたいと考...

List

  • 2017/06/23

EmojiPanel - Webベースの絵文字パレット

絵文字は多くのWebサービスで使われるようになっています。自分のサービスでも取り入れたいと考える方も多いでしょう。スマートフォンやmacOSであれば絵文字入力が行えますが、その他のOSでは別途仕組みを用意しなければなりません。そこで使ってみたいのがEmojiPanelです。Webベースで絵文字入力ができるパレットです。...

List

  • 2017/06/22

SecureLogin - 別なデバイスで許可して認証する

認証の仕組みはWebがはじまった当初から大して進化していません。IDとパスワードという二つの認証情報をベースに鍵ファイルを使ったり、スマートフォンを使った二段階認証と発展版が出ていますが、大きくは変わっていません。新しいログインの仕組みとして登場したのがSecureLoginです。簡単に言えば二つのデバイスを組み合わせ...

None

  • 2017/06/21

csviewer - フィルタリングもできるCSV閲覧コマンド

未だにシステム開発時にCSVファイルを扱うことは多いです。テキストエディタで見ても分かりづらいので、大抵はExcelなどの表計算ソフトウェアで閲覧します。しかし数字や日付を自動変換されてしまってイライラした経験がある人は多いはずです。そこで使ってみたいのがcsviewerです。CSVを閲覧するためのコマンドです。## ...

List

  • 2017/06/21

KeychainCracker - 要注意。Keychainクラッカー

macOSでのパスワード管理としてキーチェーンが知られています。ログイン時のパスワードで暗号化されていますので安全だと思っている方は多いでしょう。しかしログインパスワードが簡単なものであればクラックも簡単にされてしまいます。自分のキーチェーンがどれくらいセキュアであるか試してみたい方はKeychainCrackerにト...

List

  • 2017/06/20

Feather - SVG製のシンプルなアイコン集

Webサービスやスマートフォンアプリでどういったアイコンを使うかで全体の印象が大きく変わります。フラットデザインやマテリアルデザインのトレンドの中ではシンプルでラインだけで表現されたものが好まれています。今回紹介するFeatherはその流れを受けた、シンプルなアイコンになります。## Featherの使い方一覧です。基...

None

  • 2017/06/20

Roadworker - 設定ファイルを使ってRoute53を一気に設定

ドメインのDNSを管理するのにどんなサービスを使っていますか。プログラマブルに、またはAWSと組み合わせて使いたいならば便利なのがRoute53です。しかしWebの管理画面で何十個も設定するのは面倒ですし、かといってコマンドを都度叩くのも大変です。そこで使ってみたいのがRoadworkerです。ドメイン情報をまとめて設...

List

  • 2017/06/19

Prettier Markdown - Markdown中のJavaScriptコードを整形

Markdownで書いていて、コードを実際のプログラムからコピペすると、インデントの調整が必要になります。さらに普段書いているコードとドキュメント用のコードで若干形を変えたい時には修正が必要になります。その結果、スペースとタブが折り混ざる状態になったりします。そうしたコードにまつわる問題を解決してくれるのがPretti...

List

  • 2017/06/16

tScroll - 多彩なテキストアニメーションライブラリ

単なるテキストだと見過ごされてしまうかも知れません。そこで必要になるのが目立たせるための工夫です。文字の色を変えたり、フォントを変えたりすることもできますが、ちょっと安っぽくなってしまうこともあります。そこで使ってみたいのがtScrollです。文字をアニメーションさせることで印象づけるテクニックが使えます。## tSc...

List

  • 2017/06/15

Gist HTML Preview - GistのHTMLを取得してプレビュー

Gistはちょっとしたコンテンツを載せておくのに便利ですが、セキュリティ上の制限も幾つかあります。例えばHTMLを書いてもソースが表示されるだけでHTMLページとして表示はできません。そこで使ってみたいのがGist HTML Previewです。Gistで書かれたHTMLを表示してくれるソフトウェアです。## Gist...

List

  • 2017/06/14

png2svg - PNGをSVGに変換

SVGもドロー系フォーマットとして一般的になりつつあります。モダンなWebブラウザは表示に対応していますし、JavaScriptと組み合わせればFlash風なインタラクティブ性を持ったコンテンツも作成できます。そんな中紹介したいのが画像をSVGに変換するというpng2svgです。## png2svgの使い方png2sv...

List

  • 2017/06/13

EmojiOne Color SVGinOT Font - カラフルな絵文字フォント!

SVG in Open Typeという技術が現在開発されています。これはAdobeとMozillaが推し進めているもので、Open Typeの中にSVGを埋め込んでしまうと言う規格です。これによってOpen Typeのフォントがフルカラーで表現されたり、アニメーションできるようになります。EmojiOneという絵文字フ...

List

  • 2017/06/13

Mocka - モックアップの作成に使えそうなplaceholder

Webサイトのデザインを行う際などにとりあえずアテの画像が必要になることは多々あります。画像だけでなくテキストも必要でしょう。そうした時、あまり適当な文字だと実感がわきませんし、かといって作り込みすぎるのもよくありません。そこで使ってみたいのがMockaです。Mockaはシンプルで格好良いplaceholderを提供し...

None

  • 2017/06/12

GitTown - GitワークフローをサポートしたGitプラグイン

Gitリポジトリを使って開発を行っている場合、Git Flowなどを取り入れることが多いでしょう。そうすることでmasterへの直接の変更を禁止したり、ステージングを意識した開発が可能になります。しかしGit Flowの仕組みは手間が多いと感じることもあります。そこで使ってみたいのがGitTownです。Git Flow...

List

  • 2017/06/12

PathFinding.js - 様々なアルゴリズムで最適な経路を探索

ある点からある点までの最短距離を調べるアルゴリズムがあります。簡単なものであれば人間の目で見た方が早いですが、込み入った図になると最短距離を見つけるのも容易ではありません。そこで使ってみたいのがPathFinding.jsです。最短経路の調査を様々なアルゴリズムを用いて検証できます。## PathFinding.jsの...

None

  • 2017/06/11

obstructed.js - JavaScriptのメインスレッド停止を感知

JavaScriptはシングルスレッドで動作しているので、ロックされてしまう処理があると他の処理まで影響を受けてしまいます。なるべく処理は短く終われるのが理想で、そのためには既存の状態を調査しなければなりません。今回紹介するobstructed.jsはそうした処理のロックを感知するソフトウェアです。## obstruc...