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

Webの記事一覧

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

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

もっと見る

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コンポーネントとして...

List

  • 2017/06/07

YouPHPTube - PHP製のYouTubeクローン

YouTubeを使えば動画の配信がとても簡単にできる一方、動画は自分たちのコントロール下で配信したいと考える企業も多くあります。ネットワークリソースなどが潤沢であれば、もちろんそういった選択肢もありでしょう。そんな時に使えるのがYouPHPTubeです。PHPで作られたYouTubeクローンになります。## YouPH...

List

  • 2017/06/07

Naumanni - 日本製のMastodonクライアント

Mastodonが一気に注目を集めています。ブームは去った感がありますが、残った人たちが使い続けていくことでTwitterとは異なる生態系が形成されていくことでしょう。そんな中必要になるのが専用クライアントです。元々MastodonではTweetDeck風のUIが提供されていますが、より便利に使えるようになるのがNau...

List

  • 2017/06/05

Kaleidoscope - Webサイトに埋め込める360度写真/動画ビューワー

THETAなどのデバイスと、各ソーシャルサービスが対応したことで360度写真、360度動画が使われるようになっています。スマートフォンの写真とは違って、普段は見られない部分まで自分で自由に視点を変えられるのが魅力です。しかしフォーマットが特殊なので、専用のビューワーが必要になります。今回紹介するKaleidoscope...

List

  • 2017/06/04

FireEdit - Firebaseを使ったリアルタイム同期エディタ

リアルタイムに同期してくれるエディタは意外と便利です。会社で議事録を取っている場合、ペアプログラミング、ちょっとしたメモであっても同じディスプレイを見ずに共有できていると情報伝達が素早くなります。今回はFirebaseを用いることでサーバレスでリアルタイム同期できるエディタ環境を提供するFireEditを紹介します。#...

List

  • 2017/06/04

Mavo - Webアプリケーションを作る新しいアプローチ

最近、ReactやVueなどのビューエンジンに人気が集まっています。双方向更新が可能で、データをアップデートすれば自動的にUI側も更新されます。これにより、DOM周りのステータス管理から解放されるようになります。今回紹介するMavoもビューエンジンですが、半分ロジックも加わったような作りになっています。## Mavoの...

List

  • 2017/06/03

Apache Allura - Apache製のGit管理サーバ

GitHubやGitlabなどGitリポジトリを管理するサービスは多数あります。そんな中、企業内部でGitリポジトリを管理するサーバを立てたいという声もあります。Gitlabは良い選択肢になりますし、GitHub Enterpriseを使う手もあります。そんな中、別な選択肢としてApache Alluraを紹介します。...

List

  • 2017/06/02

Total.js Messenger - Node製のSlackクローン

Slackはテック業界ではデファクトといっても良いくらいのシェアになってきています。会社全体で使っていなくともプロジェクトでは使っているという企業は多いのではないでしょうか。そんなSlack風のチャットアプリは幾つかありますが、今回はnodeで作られたTotal.js Messengerを紹介します。## Total....