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

Webの記事一覧

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

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

もっと見る

List

  • 2017/07/10

share-this - Medium風にテキストをシェアする

オンラインのコンテンツはシェアされることで広まっていきます。Facebook、Twitter、Redditなど様々なサイトでシェアされ、さらに拡散されていきます。しかしシェアするというのも多少なりとも面倒なものです。そこで使ってみたいのがshare-thisです。Webサイト内に仕込んでおくことで、シェアが手軽になりま...

List

  • 2017/07/09

ecola - タッチスクリーン用のツリーエディタ

この操作は新しい!デスクトップとタブレット、スマートフォンではユーザ体験が全く異なります。同じ操作を行うにしても、デスクトップらしい操作、タブレットらしい操作があります。特に大きな違いとしてタッチディスプレイが当たり前な操作かどうかがあります。今回紹介するecolaは特にタッチスクリーンを対象としたツリーエディタになり...

List

  • 2017/07/08

decaffeinate - CoffeeScriptからES6へ変換

CoffeeScriptはJavaScript代替言語として一世を風靡しましたが、言語トレンドの移り変わりは非常に速く、今はECMAScript 2015(ES6)やTypeScriptで作るのが流行になっています。もうあまりCoffeeScriptを使う人はいないのではないでしょうか。そうした中にあって扱いに困るのが...

List

  • 2017/07/08

EpisoPass - 自分だけが知っている質問を使ってパスワードを生成

パスワード管理ツールは無数に存在します。個人的には1Passwordを使っていますが、多くのパスワード管理はマスターパスワードを使って他のパスワードを管理します。つまりマスターパスワードを忘れてしまうと大変なことになるので、ついつい簡易的なものを設定してしまったりします。そうならないための仕組みとしてEpisoPass...

List

  • 2017/07/04

appr-wrapper - Apple Payを手軽に実装できるJavaScriptライブラリ

Appleの提供する決済システムApple PayはiOS、macOSユーザにとっては便利な決済方法となっています。通常Webサービスレベルで提供されるところが、OSと関連した形で使えるのが特徴です。また、決済に対して障壁の少ないApple IDが使えるのも利点です。そんなApple PayをWebシステムで手軽に使え...

List

  • 2017/07/04

snack - まずいレベルで似せすぎているSlackクローン

良いサービスにはクローンが存在します。クローンが本家を乗っ取ることは殆どありません。ごく限られたニーズであったり、社内で利用すると言ったところで小さく利用される程度です。しかし利用者にとってはぴったりと当てはまるニーズが存在するでしょう。Slackについても同様で、多数の類似チャットサービスが存在します。今回はその一つ...

List

  • 2017/07/03

CryptDown - 暗号化されたMarkdownを保存するPastebin風サービス

誰だって心の中に秘密があるものです。そんな秘密を墓場まで持っていっても良いですが、ほんの少し吐き出したい時だってあるはずです。しかし単なるテキストに書いてしまったら簡単に見つかってしまい、社会的に抹殺される可能性だってあります(どんな秘密か知りませんが)。そこで使ってみたいのがCryptDownです。暗号化したMark...

List

  • 2017/07/03

UpUp - Webのオフラインアクセス機能を簡単に実装する

HTML5になって追加された機能の一つにオフラインアクセスがあります。しかし扱いが非常に難しく、あまり使われていません。しかしネットワークがない場所(飛行機など)で情報が確認できないのは非常にストレスでどうにか改善したいと考えている人も多いでしょう。そこで使ってみたいのがUpUpです。オフラインアクセスを簡単に実装でき...

List

  • 2017/07/02

mokuji.js - HTML文書の目次を自動生成

HTMLは基本的には構造化されたドキュメントです。見出しや小見出しをHタグで定義することでクローラーやシステムにとっては構造化された文書であると判断できます。人間の目ではスタイルシートで自由に見た目を変更できてしまうので分かりづらいかも知れません。しかし開発者向けのドキュメントなどできちんと構造化されているならばmok...

List

  • 2017/07/02

StatiCrypt - HTMLをパスフレーズで暗号化

もしあなたがスパイで、本国に安全にメッセージを送らないといけないとしよう(そんなシチュエーションがあるかどうかはさておき)。メッセージはテキストだけでなく、文字装飾がないと分からないものだったとしたら、HTMLで送るのが良さそうだ。しかし素のHTMLではネットワークをモニタリングされていたら読まれてしまうかも知れない(...

List

  • 2017/06/30

SmartPhoto.js - 横スライドする画像ビューワー

画像とレスポンシブデザインの相性はあまりよくありません。最適なサイズで見せたいと思ってもパーセントで指定せざるを得ないですし、テキストのように自由に改行ができる訳でもありません。特に写真をメインにしたサイトでは悩みのタネでしょう。そこで使ってみたいのがSmartPhoto.jsです。特にモバイルデバイスに最適化されたレ...

List

  • 2017/06/27

Online FTP S3 - WebベースのFTP/Amazon S3クライアント

もはや使われているケースは多くないと思いますが、今なおFTPサーバで運用されているケースがあります。限られたサーバのためにFTPクライアントを立ち上げるのは面倒です。また、Amazon S3向けのクライアントは限られるので、そのために専用アプリをインストールしたくないと考える人も多いでしょう。そこで使えるのがOnlin...

List

  • 2017/06/26

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

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

List

  • 2017/06/25

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

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

List

  • 2017/06/24

kityminder - 高機能なWebベースのマインドマップ

マインドマップは思考整理ために必須ツールです。紙や画面に書き出すことで、思考の漏れを省き、網羅的に考えられるようになります。コツとしてはいきなり深く考えるのではなく、満遍なくドリルダウンしていくことです。今回はWebブラウザで使えるkityminderを紹介します。十分使える機能が揃っています。## kityminde...

List

  • 2017/06/24

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

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

List

  • 2017/06/23

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

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

List

  • 2017/06/22

Monica - 個人向けのCRM

友達、恋人、家族の記念日をついつい忘れてしまったり、何が好み(または地雷か)といった情報を忘れてしまったことはないでしょうか。メモをとっておいても良いですが、そのメモも対象になる人が多くなると探すのも大変になります。そこで使ってみたいのがMonicaです。友人や家族に特化したCRMです。## Monicaの使い方ダッシ...

List

  • 2017/06/19

Safari Text2Link - URL風の文字列をクリッカブルに

Webブラウジングしていて、URLがテキストで書かれているケースがあります。2ちゃんねるなどではhttpではなくttpを使って自動リンクされないようにしている場合もあります。はっきりいってユーザビリティの低い仕組みに他なりません。そこで使ってみたいのがSafari Text2Linkです。URL風の文字列をクリック可能...

List

  • 2017/06/15

roulette - 抽選で当てよう

集まった人たちに対して景品を出したりする時、その抽選をする仕組みが必要です。ビンゴであればビンゴマシーンが必要ですし、ごく少ない人数であればあみだくじでも良いでしょう。そこで使ってみたいのがrouletteです。何が当たるか楽しみな抽選ソフトウェアです。## rouletteの使い方最初の画面です。!