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

Webの記事一覧

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

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

もっと見る

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への招...

List

  • 2017/01/12

jquery.diamonds.js - 菱形を並べたデザインをどうぞ

Webでの表現は基本的に四角が重なった形で表現されます。そのため、デザインする際の効率は良いのですが、そこから逸脱したデザインをしようと思うと途端に大変になります。例えば円形や菱形などです。今回紹介するjquery.diamonds.jsはそんなデザインが難しい菱形が連なったデザインを実現できるソフトウェアです。## ...

List

  • 2017/01/11

PPTX2HTML - PowerPointファイルをHTML化

Googleドライブにあるスライド機能はHTMLでありながらPowerPointレベルのスライドを作成できる便利なサービスです。HTMLであればインターネットとの相性もよく、検索もしやすくなります。今手元にPowerPointのファイルがあるならばPPTX2HTMLを使ってHTML5化してみてはいかがでしょう。## P...

List

  • 2017/01/11

Awesomplete - Webにもっと便利な入力補完を

HTML5の新しい機能の一つに入力補完があります。Safariなどは対応していませんが、大量にある候補の中から絞り込みつつ入力できるので便利です。とは言え、日本語では漢字があるので変換したりする手間を考えるとアルファベット向けの機能に感じます。そんな若干使い勝手の悪い入力補完をもっと便利にしてくれるのがAwesompl...

List

  • 2017/01/08

CyberChef - 多彩な変換を備えた文字列操作ライブラリ

データはそのまま使われるのではなく、時に暗号化したり、圧縮などフォーマットを変換して使われます。そのためのツールは数多くありますが、一つ一つは独立しているのが一般的です。今回紹介するCyberChefはそんな変換ツールをまとめて提供してくれるソフトウェアです。## CyberChefの使い方デモです。左側に処理が並んで...

List

  • 2017/01/07

PureScript - Haskell風言語からコンパイルしてJavaScript生成

最近JavaScript代替言語が熱いです。一時はCoffeeScriptに代表される、JavaScriptで面倒な書き方を省略できるものに人気がありましたが、最近はTypeScriptのような型指定を行えるものが人気です。今回紹介するPureScriptもそんなJavaScript代替の一つで、コードとしてはHask...

List

  • 2017/01/06

scrollMonitor - 大量のデータもスムーズにスクロール

Web上で大量のDOMを表示するのは自殺行為です。Webブラウザの動きがガクガクになったり、フリーズしてしまったりします。そのためページネーションが使われるのですが、業務要件として全データの表示を求められることは多々あります。そんな時にはscrollMonitorを使ってみましょう。大量のデータであってもスムーズなスク...

List

  • 2017/01/05

YukiWikiMini.rb - YukiWikiをRubyにポーティング

Wikiといえばすでに初登場して15年以上は経つのではないかという技術ですが、今なお現役として使われています。さらに言えば開発者によって新しいWikiエンジンも作られています。特に技術的な特徴がシンプルなので、技術を試す上でも良いのでしょう。今回は懐かしのYukiWikiをRubyで再実装したYukiWikiMini....

List

  • 2017/01/05

RSS Bridge - 各種WebサービスをRSS/Atom/JSONに変換

ブログをはじめ、多くのWebサイトでRSS/Atomフィードを提供しています。しかし時代の流れからなのか、新しいサイトではそもそも提供していないというケースもあるようです。これでは購読はもちろん、マッシュアップ的な面白さもありません。そこで使ってみたいのがRSS Bridgeです。各種WebサイトをAtom/JSON化...

List

  • 2017/01/04

Repo Manager - Subversion/Gitリポジトリを簡単に作成

開発者であればバージョン管理のないシステム開発など考えられないでしょう。今はGitを使えば自分のローカルからでもバージョン管理をはじめられます。しかしかつてのSubversionなどはサーバを立てる必要があり、若干敷居が高かったのです。今回紹介するRepo ManagerはGit/Subversionに対応したリポジト...

List

  • 2016/12/31

Mobile-Checker - w3c製のモバイルサイトチェッカー

スマートフォンの世界は進化が速く、スマートフォンに対応したWebサイトを正しく作れているかどうかは熟知している人であってもなかなか判断できないのではないでしょうか。そんな時には本家であるw3cの仕様に沿うのがベストです。今回紹介するMobile-Checkerはw3cが作成しているモバイルデバイスへの適合性チェックツー...

List

  • 2016/12/30

swip - 体験必須!複数デバイスを簡単に連携

Googleが作成した、複数のウィンドウを連携させるChromeの実験的デモを見たことがあるでしょうか。複数のウィンドウ間でメッセージを飛ばすことでデータの位置やステータスを同期させていると思われます。そんなデモを複数のスマートフォン、タブレットでできてしまうのがswipです。## swipの使い方swipを使っている...