DBeaver - 多彩なデータベースに対応した管理UI
データベースを使った開発や運用時においてGUIの管理インタフェースが欲しいと思うことは多々あります。特にプロジェクトによってデータベースの種類が違ったり、接続先があちこちに存在するとそう感じるはずです。 そこで使ってみたいのがDBeaverです。多彩なデータベースに対応した管理UIです。 DBeaverの使い方 接続先の選択画面です。PostgreSQL/MySQL/MariaDB/DB2/Oracle/SQL Serverなどの基本に加えてMS Access、infomix、MongoDB、Firebirdなども選択できます。 SSHトンネルに対応しているので本番環境のデータベースも確認できるでしょう。 接続しました。 テーブルの一覧です。 データも確認できます。 ダイアグラムはリレーションなどの関係が分かるようになっています。 DBeaverを入れておけば、大抵のデータベースには接続で
keyboard-font – キーボードを表現した記号フォント
キーボードショートカットの説明をしたい時にはどう書くのが良いでしょう。よくあるのはWin + Shiftキーといった具合にテキストでの説明です。より分かりやすくするためにテキストを四角で囲んでキーを表現したりすることもあります。 一つ、二つであればそれでもいいですが大量のキーボードショートカットを表現したいとなったらkeyboard-fontを使ってみましょう。 keyboard-fontの使い方 無変換のような普段あまり使わないキーであったり、リジェクトなど特殊な操作のキーもあります。Shiftキーや変換キーは合字を使ってShiftと打てばそのまま囲み文字になります。ヘルプドキュメントをはじめ色々な場面で使えそうですね。 keyboard-fontはApache License 2.0のオープンソース・ソフトウェアです。 n-yuji/keyboard-font
おすすめ！サーバサイドのログをGoogle Chromeのデバッグツールで確認·Chrome Logger MOONGIFT
Chrome LoggerはPython/PHP/Ruby/node.jsに対応したGoogle Chromeでサーバサイドのログが表示できるChrome機能拡張です。 Google Chromeを使ってWebシステムを開発している時に、サーバサイドはログを見て、JavaScriptなどのクライアントサイドはコンソールを見ます。しかしこれでは面倒、という人にお勧めしたいのがChrome Loggerです。Google Chromeのデバッグツールにサーバサイドのログが出力できるようになります。 こんな感じのコードを書きます。 コンソールにサーバからのデバッグメッセージが出力できるようになります。 PHPの連想配列もJSONとして取得できています。 オプション画面です。 こんな感じに行数を出力することもできます。 Chrome Loggerの面白い点は、ツールとしてはChrome Logge
エイプリルフールかと疑ってしまう。BashがまるでRubyのようになる·Skull MOONGIFT
SkullはBashの中でRuby風にオブジェクトを扱えるようにしてしまうソフトウェアです。 BashはサーバやMac OSXなどで誰しもが使っているかと思います。しかし記述がレガシーな感じで書きづらいと思ったことも多いはず。そこで使ってみたいのがBashをOOにしてくれるSkullです。 Skullを読み込みます。 strという文字型オブジェクトを定義します。そうするとlengthなんてメソッドが使えるようになります。 upcaseで大文字になったり。 methodsなんてメソッドまであります。 OSのバージョンも取れます。 System.osでmacと返ってきます。 SkullはRubyのようなオブジェクトをBashに提供してくれます。Bashがいきなりモダンな感じになって、面白いソフトウェアです。 SkullはBash製、GPL v3のオープンソース・ソフトウェアです。 MOONGI
まるでネイティブのようなUIを実現できる高機能JavaScript UIライブラリ·w2ui MOONGIFT
w2uiはデスクトップ、スマートフォン、タブレットに対応したJavaScript UIライブラリです。 新しいJavaScript UIライブラリの紹介です。名前はw2ui、多数のウィジェットを搭載したUIライブラリとなっています。 レイアウト。 グリッド。 詳細検索対応。 ツールバー。 サイドバー。階層表示に対応しています。 タブ。 フォーム。 ポップアップ。 ツールチップ。 その他ユーティリティ。 w2uiのサイズは37KB（ミニファイ&Gzip）で、これはExtJSの1/12、Kendo UIの1/6となっています。また、jQueryベースという特徴、全てのウィジェットをまとめて提供、IE9、Firefox7、Google Chrome、Safari5に対応となっています。デスクトップはもちろん、タブレットやスマートフォンにも対応しています。 w2uiはJavaScript製、MIT
WebブラウザだけでLaTeXからPDFを生成·texlive.js MOONGIFT
texlive.jsはWebブラウザ上でLaTeXからPDFを生成するソフトウェアです。 LaTeXで文書を書いてPDFを生成して…というのは環境さえ整っていれば簡単なことです。そう、環境が整っていれば…。まだ何も環境を整えていない人がLaTeX文書をコンバートしたいならばtexlive.jsを使ってみましょう。 テキストエリアにLaTeXが入力されています。Compileボタンを押します。 PDFが生成されました！ 画像、リスト、式などが埋め込めます。 texlive.jsはTeXをPDF化するコマンドをEmscriptenを使ってJavaScriptに変換しています。大抵のLaTeX文書であればPDF化できると思われます。コンパイルにはちょっと時間を要しますが、Webブラウザ上で変換して表示まで行ってしまうのはとてもすごい仕組みです。 2014年08月07日ライセンス修正。 texli
Google Chromeを使ったWebシステム開発がもっと簡単になる·Tincr MOONGIFT
TincrはGoogle Chromeデベロッパーツール上の修正をローカルファイルに反映できるソフトウェアです。 Webシステムを開発している際にGoogle Chromeのデベロッパーツールはおおいに役立ちます。Web上での修正をそのままローカルに反映できるTincrを使うとさらに便利になるでしょう。 インストールします。Google Chrome機能拡張として提供されています。 開発中のサイトで使います。 静的なWebサイトの他、Google Chrome機能拡張やRailsのassetsにも対応しています。 デモ動画です。 Tincrはローカルファイルの修正の他、ローカルファイルを修正した際の自動リロードにも対応しています。ログをコンソールに出力することもできるので、動かない場合の原因調査も容易になりそうです。 TincrはGoogle Chrome用のオープンソース・ソフトウェア（
どんなイベントが設定されているか一目で分かる·Visual Event MOONGIFT
Visual Eventはイベントが設定されているDOMをビジュアル化するライブラリです。 最近のWebサイト開発においてJavaScriptを使わないということは殆どなくなりました。jQueryなどを使って様々なイベントを設定しているサイトも多いでしょう。そこで使ってみたいのがVisual Eventです。 実行しました。色がついた部分がイベントを設定しているところです。 フローティングでアクションの内容が分かります。 Yahoo! Japanで実行しました。意外と色々なアクションが設定されています。 表示の切り替え系が多いようです。 Visual Eventを使うとjQueryで設定したり、onClickで指定したりしたアクションが一目で分かるようになります。jQueryで開発中に設定したイベントが正しく実装されているかどうか確認するのにも使えそうです。 Visual EventはJa
Webサイトをもっと万人に対してアクセスしやすくするために·HTML_CodeSniffer MOONGIFT
HTML_CodeSnifferはウェブアクセシビリティ改善のためのブックマークレットです。 Webは限られた人たちのものではなく万人向けのものであるべきです。そこで考えられるべき項目として障害のある人に対するアクセシビリティです。そのチェックに使えるブックマークレットがHTML_CodeSnifferです。 実行すると右上にフローティングウィンドウが出ます。エラー、警告、通知の3つに分けてポイントが出ます。もちろんポイントが少ない方が良いです。 各項目の説明を見られます。これらはW3Cのウェブコンテンツ・アクセシビリティ・ガイドラインに則っています。 指摘されている箇所を確認できるマーカーも出ます。 MOONGIFTの場合…がっくりするくらいのエラー数です…。 アクセシビリティと漠然と言われてもなかなか具体的な施策が思いつきませんが、エラーや警告という形で表してくれれば対応もとりやすくな
Web上でGoogle Chrome機能拡張のベースを作成·Extensionizr MOONGIFT
ExtensionizrはWeb上でオプションを選択して目的に合わせて最適化されたGoogle Chrome機能拡張のベースがダウンロードできるソフトウェアです。 Google Chrome機能拡張を作る際にぜひ使ってみて欲しいのがExtensionizrです。多様なオプションを使ってGoogle Chrome機能拡張のベースを生成します。 トップページです。 オプションが色々用意されています。 生成されたZipファイルを解凍すると機能拡張のスケルトンが入っています。 まず最初に機能拡張の種類を選びます。隠し、ページアクション、ブラウザアクションの3つがあります。さらにバックグラウンドページやオプションページ、機能の上書きなどをオプションで指定し、最終的にZipファイルとしてダウンロードします。 ExtensionizrはHTML/JavaScript製、MIT License/GPLのオ
HTMLテーブルをリッチに便利な機能を追加する·Grid MOONGIFT
GridはHTMLテーブルにソートやヘッダ固定、行選択と言った機能を追加するJavaScriptライブラリです。 業務システムを作っていると必ず発生するのがテーブルでの一覧表です。WebでExcelレベルのことは実現できませんが、リッチな表としてGridを使ってみるのは良さそうです。 デモです。 必要な場所だけチェックしてハイライトできます。 横スクロールしても左側の列はそのままです。 数値のオーダーも適切に動きます。 縦スクロールしてもヘッダー部はそのままです。 カラム幅の変更もできます。 GridはIE7以上、Google Chrome/Firefox/Safari/Operaに対応しています。jQueryやMootoolsと一緒に使うこともできます。機能はヘッダー、フッター、カラムの固定化やカラムのリサイズ、カラムのソート、行の選択などになります。データフォーマットはJSONの他、X
Google Chrome機能拡張を開発するならベースにどうぞ！·ChromeSkel MOONGIFT
ChromeSkelはGoogle Chrome機能拡張を作るためのベースになるソフトウェアです。 Google Chromeは今や世界一のシェアを誇るWebブラウザになっています。そんなGoogle Chromeをさらに魅力的にするのが機能拡張です。Google Chrome機能拡張を作ってみたいと思う方はChromeSkelをベースにすると良いでしょう。 ファイル構成 インストールしました。 オプション画面があります。 アクションも設定されています。 別ページの設定画面。 ChromeSkelは手早くGoogle Chrome機能拡張を開発するためのテンプレートになります。サンプルのアイコンやManifest.json、jQueryを同梱、オプションページ、background.html、popup.htmlなど開発に必要な道具がたくさん揃っています。 ChromeSkelはGoogl
便利！GitHub Wikiに検索機能を追加するGreasemonkey·Github Wiki Search MOONGIFT
Github Wiki SearchはGitHubのWikiを検索するボックスを追加するGreasemonkeyです。 GitHubでソフトウェアを公開するケースが多くなっています。その中でドキュメントの記述にWikiを使っている方も多いでしょう。しかし記述された内容を検索するのに手間を感じていました。そこで使ってほしいのがGithub Wiki Searchです。 インストールします。 完了です。GitHubのWikiを見てみましょう。 こんな感じで右側に検索ボックスが追加されます。 検索するとインラインで結果が表示されます。これは便利！ Github Wiki SearchはGreasemonkeyであり、Google Chrome/Firefox/Safariで動作します。そのプロジェクトのWikiからだけ検索できるので、必要な情報にすぐにアクセスできます。GitHub標準の機能にし
これは便利。Google ChromeでCoffeeScriptを使う·CoffeeConsole MOONGIFT
CoffeeConsoleはGoogle Chrome上でCoffeeScriptを記述して実行できる機能拡張です。 CoffeeScriptに慣れると素のJavaScriptが書きづらく感じるようになってしまいます。ChromeのデバッグでJavaScriptを書くのにストレスを感じていた方はCoffeeConsoleをぜひ使ってみてください。 インストールします。 インストールしました。すぐに使えます。 Webインスペクタを開きます。右端にCoffeeScriptというタブが追加されています。 開きました。左側に記述すると、右側に変換後のJavaScriptが表示されます。 リアルタイムに変換されます。そのままコマンド＋エンターまたはShift＋エンターを押すと実行されます。 console.logなどはConsoleタブで確認する必要があります。 CoffeeConsoleは一行単位
Bootstrapを使おう！様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT
KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基本は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML
もしvi/Vim使いがExcelを使ったら·Vimxls MOONGIFT
VimxlsはExcel上でvi/Vim風のキーバインドを実現するソフトウェアです。 Excelは日本のオフィスにおいて最も利用率の高いソフトウェアの一つかと思います。だからこそその操作性を向上させられれば日本全体の生産性が高まるはずです。vi/Vimをこよいなく愛する人はVimxlsを使わなければなりません。 セキュリティに関するダイアログが出ます。マクロを有効にします。 Ctrl+Mを押すとvimモードになります。 メニューへのアクセスも数字を押して出来ます。 ヘルプです。多数のキーが定義されています。 英語モードもあります。 Excel操作が極まってくると、その殆どの操作をキーボードから行うようになっていきます。とは言え一部の操作においてマウスを伴っていたのですが、Vimxlsを導入すればさらにキーボード率が高まりそうです。ハイパーExcelタイムを目指してVimxlsを導入しましょ
プロジェクト管理に使ってみたい。jQuery製のガントチャートライブラリ·jQuery.ganttView MOONGIFT
jQuery.ganttViewはjQuery製のガントチャート表示ライブラリです。 jQueryを使ってガントチャートを表示するライブラリがjQuery.ganttViewです。表示だけでなくデータのメンテナンスもできるようになっています。 いい感じにガントチャートが表示されています。 ドラッグでタスクを左右に移動させられます。 期間の変更は枠の端をドラッグします。 データはJSONで与えるだけです。 jQuery.ganttViewは表示系のライブラリなのでデータベースに蓄積された内容をガントチャートにして表示すると言った使い方が便利そうです。なお表示はタスクごとに横に表示される形で、複数のタスクを同一線上に表示することはできないようです。 jQuery.ganttViewはjQuery/JavaScript製のオープンソース・ソフトウェア（MIT License）です。 MOONGI
小規模なWebサイトにぴったり。PHP製のメールフォーム·TransmitMail MOONGIFT
TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ
ここまでやるか。SQLiteをJavaScriptに変換·SQL.js MOONGIFT
SQL.jsはSQLiteをEmscriptenを使ってJavaScript化したソフトウェアです。 SQL.jsはWebブラウザ上で使えるデータベースです。Emscriptenを使ってSQLiteをJavaScriptに変換した面白いソフトウェアです。 デモです。テキストエリアに書かれたSQLを実行できます。 実行した結果です。最終的な結果だけが出力されています。SELECTの結果はJSONデータとして取得されています。 もちろん普通にSQLが使えます。 日本語は出力時は化けてしまいましたがデータ上は問題ないと思われます。 SQL.jsはSQLiteがそのままJavaScriptになってしまったようなソフトウェアです。慣れた使い勝手でSQLを実行したり、データを取得できてしまうのは面白そうです。なお現状Google ChromeやFirefoxにしか最適化されていません。 SQL.jsは
Webプログラマ必見。HTML5のセキュリティチートシート·HTML5 Security Cheatsheet MOONGIFT
HTML5 Security CheatsheetはHTML5のセキュリティに関するチートシートです。問題点と対象Webブラウザ、対処法が一覧になっています。 HTML5 Security CheatsheetはHTML5におけるセキュリティホールになりえる問題点をコードを通じて広めていこうというプロジェクトです。Webプログラマ必見と言えるでしょう。 トップページです。様々な項目が並んでいます。 左側は各セキュリティチェックすべき項目で、対象になるWebブラウザとそのバージョンが並んでいます。問題点の提示とともに、その回避策についても書かれていますのでとても参考になります。 まだ日本語化されていない部分もあります。 ほぼ全てのWebブラウザが対象になる部分もあるようです。 項目は非常に多いですが、セキュリティを重視するためにもチェックしておくべきです。 HTML5ではありますがIE6など
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
