サイドバイサイド/インライン表示に対応したJavaScriptテキスト差分表示ライブラリ·jsdifflib MOONGIFT
jsdifflibはJavaScript製のテキスト差分表示ライブラリです。 テキストを扱うWebアプリケーションで便利そうなライブラリがjsdifflibです。JavaScriptを使って二つのテキストの差分を表示してくれます。 デモです。二つのテキストエリアにテキストを入力しました。 Diffボタンを押すと差分が表示されます。サイドバイサイドのビューです。 行の内容が違う場合は表示色が異なります。 インラインで差分表示もできます。 jsdifflibはPython製のdifflibと互換性のあるライブラリとのことで、差分解析をサーバサイドで行って結果を描画することもできます。表示色などはCSSで自由に編集可能です。 jsdifflibはJavaScript製、BSD Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る Webサービスの基本はテキストコンテンツ
tota11y - Webサイトのアクセシビリティをチェックできるブックマークレット MOONGIFT
インターネットがインフラになっていくのに合わせて大事になっているのがアクセシビリティです。つまり色遣いであったり、スクリーンリーダーに合わせたテキスト情報など誰にとっても使いやすいサイトであることを意識しなければなりません。 そんなアクセシビリティチェックをブックマークレット形式で提供してくれるのがtota11yです。 tota11yの使い方 ブックマークレットを実行すると、このように左下にアイコンが表示されます。 クリックするとメニューが表示されます。 ヘッダー情報を可視化しています。 コントラクトに関する注意が多数出ています。 リンクテキストに関する注意です。 画像のaltテキスト。 スクリーンリーダーがどのように判断するか確認できます。 tota11yはオンライン学習サイトのカーンアカデミーが開発しています。オンライン学習が広まる中、ユニバーサルに誰でも使えるようにする需要が出ている
Toggle css bookmarklet·スタイルシートがない状態を確認できるブックマークレット MOONGIFT
SEOはまず文書構造を考える必要があります。スタイルシートで表示はカスタマイズできますが、それはクローラーには理解できませんし、スクリーンリーダーのようなアクセシビリティを考える際にも文書構造はとても大事です。 そこでWebサイトがスタイルシートを解除するとどう見えるのか、それを体験できるのがToggle css bookmarkletです。ブックマークレットなので扱いは簡単です。 Toggle css bookmarkletの使い方 こちらは元のサイト。 ブックマークレットを実行するとこうなります。 トグル、とついている通り再実行すると元に戻ります。 スタイルシートがない状態を確認するにはスタイルシートを無効にして再読込する必要がありましたが、Toggle css bookmarkletを使えばすぐその場で外したり、逆に戻すことができます。便利なツールではないでしょうか。 Toggle
Gitonomy – PHP製のGit管理サーバ
おお、これは企業で使えそうですよ！ 企業によっては外部にソースコードを預けられないため、自社でGitサーバを構えているところも多いでしょう。しかしそうなると管理画面が欲しくなります。GitHubの管理画面は優秀で、ああいったWebブラウザ上でリポジトリの情報を見たいと思うはずです。 そこで使ってみて欲しいのがGitonomyです。デザインの格好いい、Gitリポジトリマネージャです。 Gitonomyの使い方 GitonomyはPHP + Symfonyの組み合わせで作られていて、Webブラウザ上でGitリポジトリの操作が一通りできるようになっています。ユーザはプロジェクト単位にグループに入り、そこで権限管理される仕組みです。 ソーシャル機能はありませんが、企業ユースであれば十分ではないでしょうか。社内でGitサーバを立てている場合はぜひ導入を検討してみてください。 GitonomyはPHP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
