tiptap - Vue.js向けのリッチなWYSIWYGエディタ MOONGIFT
WYSIWYGなエディタは開発者ではない人たちにコンテンツを作ってもらいたい時に活躍します。HTMLを手書きするのは困難ですし、編集している内容と結果が異なるので、結果を想像しながら作るのは慣れない人にとっては難しいでしょう。 もしVue.jsを使っているならば導入したいWYSIWYGエディタがtiptapになります。多機能で使い勝手が良さそうなエディタです。 tiptapの使い方 通常の表示です。上にツールバーがある一般的なWYSIWYGエディタです。 文字を選択してフローティングメニューを出す機能もあります。 新しい行に入ったタイミングでツールバーを下に表示させます。 画像の挿入。ドラッグ&ドロップでできます。 文字列を選択した時にツールバーを出します。普段は隠れています。 Todoリスト。 Twitterのような @ でメンション相手を出す機能。 Markdown記法をビジュアル化し
1,000のサーバでも監視できるnode.js製死活チェッカー·uptime MOONGIFT
uptimeはnode.jsで作られたWebサーバ死活チェッカーです。 Webサーバがきちんと正常に動き続けているかどうか一番簡単にチェックするのは定期的にアクセスしてレスポンスタイムを見ることです。そんなWebサービスの死活チェックに使えるのがuptimeです。 サーバを立ち上げました。最初に監視するWebサーバを設定します。 URLと監視する間隔を指定するくらいです。 監視を開始しました。グラフは自動更新されないのでご注意ください。 イベントがあればこちらに出力されます。 グラフではなく一覧で結果を確認できます。 徐々にグラフが更新されていきます。 uptimeは1000以上のWebサーバを一括で監視できるパフォーマンスを持っています。またダウンしている際にはWebアラートを表示できます。エラーがあった際にはHTTPステータスやその内容を記録してくれます。サーバはタグを使ってグループ管
アジャイル開発のスプリント管理を楽しく。node.js/WebSocketによるタスクボード·scrumblr MOONGIFT
scrumblrはスクラム開発のタスクボードをnode.jsで実現するソフトウェア。 scrumblrはnode.js/JavaScript製のオープンソース・ソフトウェア。アジャイル開発手法の一つであるスクラム開発。スプリントと呼ばれる日程単位の中で決められた機能を作り込み、テストし、最終的に製品に組み込む所まで繰り返し行っていく。 並べた所 やるべき作業と、それが完了するまでのステップを適切に管理する必要があるのだが、その時に使われるのがタスクボードだ。通常、ホワイトボードやコルクボードを使って管理されるが、今回はデジタルで管理するscrumblrを紹介しよう。 scrumblrはnode.jsを使い、WebSocketを使って構築されている。そのため反映がリアルタイムに行われるのが特徴だ。機能としてはボードを垂直に分断する機能（幾つでも可能）、付箋紙を貼付ける機能と動かす機能となって
JavaScriptでSinatra風？RESTfulをサポートしたフレームワーク·Sammy.js MOONGIFT
Sammy.jsはJavaScriptによるRESTfulをサポートしたWebフレームワーク。 Sammy.jsはJavaScript製のオープンソース・ソフトウェア。Webアプリケーションを開発する際には、サーバサイドとクライアントサイドの二つを開発する必要がある。クライアントサイドにはJavaScriptやFlash、HTMLなどが使われているだろう。 フォームのハンドリングも可 しかしJavaScriptはどんどん高度化し、機能が増している。JavaScriptだけで解決できることは日々増えているのだ。もはやサーバサイドを必要とせず、Webアプリケーションを構築できてしまう。そのためのフレームワークがSammy.jsだ。 Sammy.jsはごく小さなWebフレームワークで、ルーティングを備えている。クライアントサイド内でRESTfulをルーティングで定義し、アクションを受け取ることが
コードを書く、それ自体をコンテンツにするライブコーディングを実現する·Live coder MOONGIFT
Live coderはWebブラウザ上でコーディングし、それを他のユーザが閲覧、チャットできるソフトウェア。 Live coderはnode.js製のフリーウェア（ソースコードは公開されている）。優秀な人が書いているコードを後ろから見るのは面白い。みるみる間にシステムが作られていくのは痛快でもある。イベントや勉強会で実際にコードを書いて動きを見せつつステップアップしていくのは人気がある。 Web上でコーディング コードを書きつつ、そこに人のツッコミを受けたり、試行錯誤しながら作っていくのは創造的で面白いスタイルだ。それを実現するのがライブコーディングであり、そのためのシステムがLive coderになる。 Live coderはnode.jsとWebSocketを組み合わせてコーディングされていく様子がリアルタイムに見られるようになっている。コーダーは一人で、コードハイライト処理されたエリ
JavaScriptを使った縦書きライブラリ·竹取 JS MOONGIFT
竹取 JSはJavaScript製のオープンソース・ソフトウェア。Webの世界（というよりもコンピュータの世界）では横書きが標準になっている。ずっと見続けていると、いつの間にか違和感がなくなっているが日本語は基本的に縦書きだ。 横書き文章をJavaScriptで縦書きに ワードプロセッサなどでは縦書きモードもあるが、それをそのままWebに反映するのは難しい。長音記号やカギ括弧などそのまま縦向きにしても使えない文字もある。そうした点を網羅した縦書き表示ライブラリが竹取 JSだ。 竹取 JSの面白いのは標準の左から右に書かれる文章をJavaScriptを使って縦書きにしている点だ。さらにそれだけでなく、長い文章の場合はスクロールが出るのだが、標準の上から下のスクロールで読み進めることが出来る。 強調は傍点に！ ルビ表示にも対応し、さらに強調表示は傍点になる。下線は左側に表示されたり、リストや画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
