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

Webの記事一覧

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

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

もっと見る

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の使い方最初の画面です。!

List

  • 2017/06/15

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

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

List

  • 2017/06/14

Ory - 段組まで変えられる高いカスタマイズ性を持ったWYSIWYGエディタ

一昔前のCMSというとユーザの見る画面と管理画面がはっきりと分かれていました。セキュリティ上はやりやすいかも知れませんが、管理者としてはユーザがどう見えているかを逐一確認する必要があって不便でした。最近ではユーザの見ている画面上でそのまま編集できるものが増えています。その最新作と言えるのがOryです。## Oryの使い...

List

  • 2017/06/13

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

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

List

  • 2017/06/12

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

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

List

  • 2017/06/11

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

READMEなどテキストファイルには罫線を駆使したアスキーアートが載ることが多々あります。一度だけであれば良いのですが、メンテナンスもしづらいですし、見やすいものではありません。しかし技術者としてはドローソフトウェアでいちいち描いたりするのも面倒です。そこで使ってみたいのがsvgbobです。## svgbobの使い方一...

List

  • 2017/06/09

Shop.js - Eコマース用のUIコンポーネント

Webデザインフレームワークは多数ありますが、多機能なものほど縛りが強く、自分の思うようにデザインできないことがあります。そんな中、最近ではWeb Componentという概念によって、一つのコンポーネント単位でのUIも出てきています。今回紹介するShop.jsはECサイトで使われる要素を小さなUIコンポーネントとして...