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

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

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

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

もっと見る

List

  • 2017/05/29

vbacGUI - VBAをエクスポートするvbac/ptのGUIフロントエンド

ExcelのVBAは今なお根強く使われています。そんなVBAの嫌なところはすべてが一つのバイナリになっているためにバージョン管理しづらいことです。スクリプトをエクスポートすれば良いのですが、一つ一つのファイルを毎回やるのは難しいでしょう。そこで使ってみたいのがvbacGUIです。ExcelからVBAファイルをエクスポー...

List

  • 2017/05/29

Shrinkray - システムブラウザを使ったElectron代替

Electronは便利なフレームワークなのですが、Webブラウザのエンジンを含んでいるために実行ファイルのサイズが大きくなってしまうのが難点です。ちょっとした機能を実現するために100MB以上ダウンロードするのは面倒です。そこでmacOS向けであればShrinkrayが利用できます。システムのブラウザを使うことで軽量な...

List

  • 2017/05/28

SpreadsheetView - まるでExcelのように複雑なグリッド表示をiOS上で実現

iOSアプリではシンプルで直感的なUIを求められますが、業務用アプリとなると一段違ったレベルのUIが求められます。一覧表のような形式であったり、複数人のスケジュールを一覧できる機能が欲しいと言われることもあるでしょう。そうした難しい表形式の表示を提供するのがSpreadsheetViewです。Excelで作るような複雑...

None

  • 2017/05/27

snipster - 各プログラミングエディタをサポートしたスニペット管理

最近のプログラミングエディタにはスニペット管理機能があらかじめ組み込まれています。よく使う文字を以前使った場所からコピペするのではなく、あらかじめスニペットに登録しておくことで作業効率が大幅にアップします。そんなスニペットをエディタ上だけでなく、CUIで管理して各エディタと連携できるのがsnipsterです。## sn...

List

  • 2017/05/25

Progressive Image.js - ぼかし画像を使う画像遅延読み込み

写真コンテンツは見せ方が大事です。単純に一覧として表示しているだけではよくありません。より印象づけるための手段として、ユーザアクションと関連づけるという方法があります。そうすることでオンデマンドな情報提供ができるようになります。今回紹介するProgressive Image.jsはFacebookやMediumにインス...

List

  • 2017/05/24

slack-status-app - Touch BarからSlackのステータスを更新

仕事を開始する前、休憩中などに細かくソーシャルサービスで自分のステータスを更新する人たちがいます。Skypeなどでもプロフィールをアップデートして自分の状態がどうなっているのか(忙しいのか、寝ているのかなど)を通知する人も少なくありません。そんなちょっとしたステータス更新を毎度入力するのは面倒です。Slackであればs...

List

  • 2017/05/24

Embed - Webサイトのメタ情報を取得

ソーシャルサービスなどの発展に合わせてWebサイトには多くのメタデータが埋め込まれるようになっています。それらのメタデータを用意することでよりリッチなコンテンツをユーザに提供したり、意図しない情報共有を防げるようになります。今回はそうしたWebサイトに埋め込まれた各種情報をピックアップできるEmbedを紹介します。##...

List

  • 2017/05/23

notable - Go製のシンプルなWebノートアプリ

ノートアプリケーションは世の中に多数あります。毎月のように新しいサービスが作られており、それぞれに特徴があります。どれか一つに定まらないということは、それぞれ理想とする世界が異なるためでしょう。今回紹介するのはnotable、シンプルなWebノートアプリケーションです。## notableの使い方最初にノート一覧が表示...

List

  • 2017/05/22

codepan - オフラインでも動作するJSFiddle/CodePenクローン

JSFiddleやCodePenといったサービスはとても便利です。Web上の基本要素であるHTML/CSS/JavaScriptを書いて、その場ですぐに実行できます。そのまま残しておけるので、動くデモを人に見せるのが簡単です。しかし問題はオンラインサービスゆえにインターネット接続が必要ということです。そこで使ってみたい...

List

  • 2017/05/22

node-compiler - nodeのコードを実行エンジンともども一つの実行ファイルに

nodeで作られたソフトウェアの配布はnpmを使って行うのが一般的です。しかしコードを見られるのが問題だったり、最初にnodeをインストールしなければならず、若干敷居が高くなってしまいます。そこで使ってみたいのがnode-compilerです。nodeアプリケーションをパッケージして一つのバイナリにします。## nod...

List

  • 2017/05/21

Electrino - システム標準のブラウザを使うElectron

ElectronはWeb技術でアプリケーションが開発できる便利な技術です。ブラウザを内包しているのでどのOS環境でも使えるのがメリットですが、ブラウザの分だけサイズが大きくなってしまうのが難点です。OSは限定されてしまいますが使ってみたいのがElectrinoです。小さなサイズのElectron風アプリが開発できます。...

List

  • 2017/05/20

CodeCopy - GistやGitHubにあるコードを簡単にコピーできる機能拡張/亜ドン

GitHubやGistなどプログラミングコードが記載されているサイトにおいて、そのコードをコピーしたいと思うことは多々あります。マウスで選択しても良いのですが、最初や最後の文字がうまく選択できなかったりするとストレスを感じるでしょう。そこで使ってみたいのがCodeCopyです。コードのコピーが簡単にできるようになるGo...

List

  • 2017/05/20

Print.js - Webで任意のコンテンツを印刷できます

Webが苦手としているものの一つに印刷があります。Webサイトを印刷しようとしてデザインが崩れてしまった経験はないでしょうか。また、ごく一部だけ印刷したいのにそれもままなりません。そこで使ってみたいのがPrint.jsです。印刷対象を細かく指定できるソフトウェアです。## Print.jsの使い方一例です。PDFファイ...

List

  • 2017/05/19

besticon - Faviconを取得、フォーマット変換

Webサイトで使われているFavionは昔からあまり変わっていません。icoという拡張子のファイルが使われ、サイズもごくごく小さいものでした。スマートフォンが増えてきてようやくPNGや独自の大きなサイズの画像が求められるようになりました。そんなFaviconを生成、取得するのに便利なのがbesticonです。## be...

List

  • 2017/05/19

Wobble window jQuery plugin - HTMLの枠がプルンプルンに

人の目を引くデザインは奇抜なものばかりではありません。普段何気なく使っているものが別な場所にも出てきたりすると驚かれることもあるでしょう。特にコンピュータ内で自然に存在するものを再現すると興味を持つ人たちがたくさんいます。今回紹介するWobble window jQuery pluginもそんなライブラリの一つです。柔...

List

  • 2017/05/18

Spotify For Everyone - Spotifyの埋め込みタグを簡単に生成

日本にも上陸したSpotifyでは音楽を手軽に楽しめます。定額制なのでいくらでも音楽が楽しめるのは便利です。基本的に会員向けのサービスではありますが、人に紹介したいと思うこともあるでしょう。Spotifyでは埋め込み用のタグを提供していますが、もっと簡単に埋め込めるようになるのがSpotify For Everyone...

List

  • 2017/05/18

Prettier - JavaScriptのコードを見やすく整形

JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。## ...

None

  • 2017/05/17

csv2md - CSVファイルをMarkdownのテーブル化

Markdownは見た目と結果が同じように書けるので文書を書くのが簡単です。しかし一つ面倒な記法があります。それはテーブルです(デフォルトの記法にはありませんが)。罫線を使って作るのは意外と面倒です。そこで使ってみたいのがcsv2mdです。CSVファイルをそのままMarkdownのテーブル記法に展開してくれます。## ...

List

  • 2017/05/17

Vertical Timeline - 縦型年表を作成するjQueryプラグイン

情報を時系列に沿って表現する際には年表表示が便利です。教科書などでは横型の年表が使われますが、Webにおいては横スクロールは一般的ではないため、縦型のスクロールをしながら表示されることが多くなっています。そんな縦型年表を容易に作成できるのがVertical Timelineになります。## Vertical Timel...

List

  • 2017/05/15

Code Snipper - コード(スニペット)を画像化

GitHub Gistのようにオンラインでコードを書いておけるサービスはあります。しかし、埋め込みコードが自分のサイトでは使えないというケースは多々あります。JavaScriptタグを危険なものとして全般的に不可としてしまっているケースです。そこで使ってみたいのがCode Snipperです。コードを画像にしてくれるソ...