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

Webの記事一覧

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

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

もっと見る

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を使っている...

List

  • 2016/12/29

WhitestormJS - 物理エンジンを備えた3D Webアプリケーションフレームワーク

Web上で3Dを表現するのはコツがいります。THREE.jsのような専用のライブラリもありますので、そうしたものを使うのが良いでしょう。そこに物理演算を追加するとさらに込み入った難しさが出てきます。今回紹介するオープンソース・ソフトウェアはWhitestormJS、物理エンジンを備えた3D Webアプリケーションフレー...

List

  • 2016/12/28

Bludit - プラグイン/テーマ機能を備えたPHP製ブログエンジン

ブログエンジンというのは常に新しいものが登場している気がします。世界的に見れば圧倒的なシェアを持っているのがWordPressでしょう。しかしMediumであったりnotesのような手軽に書けるサービスも人気です。今回はそんなブログエンジン、Bluditを紹介します。PHP製ですっきりとしたデザインが特徴のソフトウェア...

List

  • 2016/12/28

tdo - キーボード主体のハッカー向けTodo管理

マウス操作は何かと面倒です。一度掴むと離すのが面倒になって、ついついWebブラウジングの時間が長くなったりします。指は常にキーボードのホームポジションから離したくないという人は多いはずです。そんな方にお勧めのTodoリスト、tdoを紹介します。キーボードで操作できる、ハッカー向けTodoリストとのことです。## tdo...

None

  • 2016/12/27

fallback - JavaScript/スタイルシートを外部CDNからダイナミックに読み込み

最近はCDNサービスが多数あり、JavaScriptやスタイルシートを外部サイトから読み込むのも当たり前になっています。しかし他サービスとあって、ずっと存在し続けるのかも安定性も若干の不安が残ります。しかしだからといってローカルにファイルを用意するのも面倒です。そこで使ってみたいのがfallbackです。## fall...