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

Webの記事一覧

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

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

もっと見る

List

  • 2017/02/14

multi.js - 複数選択のドロップダウンをリッチに変身

WebのフォームはHTML5でリッチになっていますが、それでもまだまだ標準では使い勝手がよくありません。とは言え、それを改善するためのライブラリも出てきていますので、積極的に取り入れていきましょう。今回紹介するのはmulti.js、複数選択できるselectタグを格好良くしてくれるライブラリです。## multi.js...

List

  • 2017/02/14

php-simple-kanban - PHP製のシンプルなカンバン

最近のプロジェクト管理ではカンバンを使うことが増えています。また、プロジェクトだけでなく考えを整理したり情報を可視化する際にもカンバン風のリストが役立ちます。そんなカンバン風リストを提供するサービスにTrelloがありますが、アトラシアン社により買収されています。そこで使ってみたいのがphp-simple-kanban...

List

  • 2017/02/11

mo · js - Web上でモーションアニメーションを実現

Webの表現力は上がったと言われていますが、そのためのテクニックは必要です。SVGやCanvasを使いこなすのは相当難しく、専用のライブラリを使う方が手軽にアニメーションなどが実現できます。今回紹介するmo · jsもその一つで、モーションアニメーションが実装できるライブラリです。## mo · jsの使い方実装例です...

List

  • 2017/02/11

PaintsChainer - 機械学習を使って線画に色付け

機械学習に注目が集まっていますが、それによって何ができるのかは開発者のアイディア次第と言えます。分かりやすい例としては画像から情報を抜き出したり、逆に画像に情報を付与するというものです。今回紹介するPaintsChainerもそんな機械学習の実例と言えます。なんと線画に色をつけてくれるソフトウェアです。## Paint...

List

  • 2017/02/10

pen - React製のシンプルなMarkdownプレビューワー

Markdownはプログラマー界隈では広く普及した記法となっています。そのための専用エディタも多数存在します。しかしエディタはプログラマにとって大事なものであり、手に馴染むかどうかに大きな隔たりがあります。専用エディタは馴染まず、でもMarkdownのプレビューはしたいという方はpenを使ってみましょう。## penの...

List

  • 2017/02/08

tlapse - 指定したURLに定期的にアクセスしてスクリーンショットを保存

Webサイトの作成はゼロから形になるものを作っていく、作品としての一面を持っています。いきなり完成品ができあがる訳ではなく、色々試行錯誤しながら、再読込を繰り返しつつできあがっていきます。そんなWebサイトのできあがっていく様を残し続けてくれるのがtlapseです。## tlapseの使い方tlapseは以下のように利...

List

  • 2017/02/07

Gitea - Go製のGitリポジトリ管理サーバ

Gitリポジトリは分散型ではありますが、一つ信頼できるサーバがある方が便利です。そこでGitHubやBitBucketなどが使われるわけですが、企業によってはセキュリティ上の理由で使えないこともあるでしょう。そんな方に使ってみて欲しいのがGiteaです。日本語化も行われているGitサーバです。## Giteaの使い方ト...

List

  • 2017/02/05

Frappe Gantt - マウス操作が便利なガントチャート

個人的にはあまり好きではないのですが、プロジェクト管理において重宝されるのがガントチャートです。各タスクが時系列上に並ぶことで、タスクが重なる期間が分かりやすくなったり、タスクの関連度を可視化することでボトルネックを発見できます。そんなガントチャートを作成できるライブラリがFrappe Ganttです。## Frapp...

List

  • 2017/02/05

Sharedocs - 社内で使えるQiitaクローン

強い組織を作るためにはナレッジの共有が欠かせません。個々人のナレッジに留まっていては同じ経験を繰り返すだけですし、何も培われていきません。問題はどこに書き留めるかです。かつてはWikiもありましたが、慣れないと使いこなせませんでした。今回紹介するオープンソース・ソフトウェアはSharedocs、プログラマが使い慣れてい...

List

  • 2017/02/03

Standard Notes - 3ペイン構成の使いやすいノートアプリ

使いやすいノートを探すのは大事です。それはアナログでもデジタルでも変わりません。すぐにメモできるツールがあると重宝することでしょう。逆にツールがないと書くのが面倒でつい頭で覚えようとして結局忘れてしまったりします。もしあなたがEvernote風のノート形式が好き、でもEvernoteは使っていないというのであればSta...

List

  • 2017/02/02

TableDragger - 行/カラムに対応したテーブルドラッグ&ドロップツール

テーブル表示は業務システムでもよく使われますが、使っている内に様々な要望が上がってきます。編集できるようにしたい、並び替えが欲しい、一括更新、絞り込み…などなど色々です。それらをすべて叶えるのは困難でしょう。しかしライブラリを使えば実現できることもたくさんあります。今回はテーブルのドラッグ&ドロップをサポートするTab...

List

  • 2017/01/30

notella - Firebaseを使ったメモアプリ

ノートアプリの類は多数に存在しますが、それでもなお新しいものが登場するのは理由があります。自分の手に馴染むものは既存のものに存在しないからです。特に開発者であれば、自分で作ってしまえるので、既存のものに感じるちょっとした違和感が嫌なのかも知れません。今回紹介するオープンソース・ソフトウェアはnotella、Webベース...

List

  • 2017/01/25

ToonTalk - 子供向けビジュアルプログラミング学習環境

ここ数年、小学生など低年齢者向けのプログラミング言語学習というのが流行っています。Scratchであったり、Raspberry Piを使って簡単なプログラミングを行うところからがスタートで、将来的にプログラマーになっている可能性があります。そんなプログラミング初学者向けのソフトウェアがToonTalkです。ビジュアルプ...

List

  • 2017/01/24

ColorMe - Webブラウザ上で色の調整

色を生み出すというのは大変なことです。ぴたりと当てはまる色がすぐにできあがれば良いですが、そうそう簡単にできるものではありません。だいたいの色を決め、そこから徐々に絞り込んでいくのが良いのではないでしょうか。そんな色の作成作業をサポートしてくれるのがColorMeです。様々な要素を使ってベースになる色を変化させられます...

List

  • 2017/01/22

CFP-App - Rails製のCFP管理システム

テックカンファレンスなどでよく見られるのがCFP(Call for Proposal)です。いわゆる登壇者を広く求めるための方法で、自分が話したい内容を登録して、採用されれば登壇が可能になります。CFPを求める、管理するWebサービスも多数ありますが、今回は自分たちでCFPサービスを立てられるCFP-Appを紹介します...

List

  • 2017/01/17

Pit-scheduler - 線表形式の使いやすいカレンダー

スケジュール管理は多くのシステムで使われています。プロジェクト管理、顧客管理、グループウェアなどは特にそうで、日付と連動して動くシステムは他にも多数あります。純粋なスケジュール管理ではリッチなカレンダー表示が行われていますが、それ以外のシステムでは大したことない場合も多いでしょう。今回はjQueryで見やすい線表ベース...

List

  • 2017/01/16

bookmarks.public - ローカルで使えるHTML版ブックマーク管理

ブックマークをどこで管理していますか。はてなブックマークを使っている人もいれば、ローカルのブックマークを使っている人もいるでしょう。大事なのは定期的にメンテナンスすることなのですが、多くの場合なくなると困ると言った理由でずっとため続けてしまいます。今回紹介するbookmarks.publicはローカルで使うブックマーク...

List

  • 2017/01/16

A-Painter - WebVRで空中にイラストを描く

VRは単純にゲーミングデバイスとしての枠を越えて、その中で友人とチャットをしたり、記念写真を撮ったり、さらに一緒にゲームをしたりとソーシャルVRという概念に注目が集まっています。今回はWebVRフレームワークであるA-Frameを使ってWebブラウザの中でお絵かきができるA-Painterを紹介します。## A-Pai...

List

  • 2017/01/15

paste.js - JavaScriptでクリップボードからペーストされたデータを読み取る

HTML5になってクリップボードの内容にもある程度JavaScriptからアクセスできるようになりました。ファイルをアップロードする際にもinput

List

  • 2017/01/13

slack-inviteviz - Slackの招待状況を可視化

Slackを使って会社はもちろんコミュニティなどのコミュニケーションで使っている人たちは多いです。その中では多くの会話が日々交わされています。基本的にフローなので、メッセージがどんどん交わされているとお互いの関係性も分からなくなるかも知れません。そこで使ってみたいのがslack-invitevizです。Slackへの招...