usql - 多数のデータベースに対応したCLIクライアント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プロジェクト毎にデータベースが異なるというのはよくある話です。その度にデータベース用のクライアントソフトウェアを切り替えて使うことになります。違うクライアントソフトウェアを実行してストレスを感じることもあるでしょう。 そこで使ってみたいのがusqlです。多数のデータベースに対応したCLIのデータベースクライアントです。 usqlの使い方 usqlはデータベースをURLスキーマ風に指定して接続します。 $ usql mysql://root:xxxx@localhost Connected with driver mysql (5.7.10) Type "help" for help. my:root@localhost=> use wordpress; USE my:root@lo
Franchise - 多数のデータベースに対応したSQLノートブック
SQLを覚えると実務で使える様々なデータを取得できるようになります。毎回同じようなSQLを記述するのが面倒で、テキストファイルに定番のSQLをメモで残している方も多いのではないでしょうか。 そんな方にお勧めなのがFranchiseです。SQLを残しておけるノートブックです。 Franchiseの使い方 メイン画面です。複数のデータベースに対応しています。 結果を地図に描画する例です。 グラフ。線グラフです。 棒グラフ。 並び替えた棒グラフ。 ドットだけ。表示を2カラムにしています。 一般的な一覧表も可能です。 レンジを使ってその時の値を表示するパターン。 メールを取り込んでクエリを投げるパターン。 FranchiseのデータリソースはSQLite/PostgreSQL/BigQuery/MongoDB/Microsoft SQL Server/Oracle/DB2/Teradataなどとな
DBeaver - 多彩なデータベースに対応した管理UI
データベースを使った開発や運用時においてGUIの管理インタフェースが欲しいと思うことは多々あります。特にプロジェクトによってデータベースの種類が違ったり、接続先があちこちに存在するとそう感じるはずです。 そこで使ってみたいのがDBeaverです。多彩なデータベースに対応した管理UIです。 DBeaverの使い方 接続先の選択画面です。PostgreSQL/MySQL/MariaDB/DB2/Oracle/SQL Serverなどの基本に加えてMS Access、infomix、MongoDB、Firebirdなども選択できます。 SSHトンネルに対応しているので本番環境のデータベースも確認できるでしょう。 接続しました。 テーブルの一覧です。 データも確認できます。 ダイアグラムはリレーションなどの関係が分かるようになっています。 DBeaverを入れておけば、大抵のデータベースには接続で
Rebass - Reactで使えるUIコンポーネント集
ユーザ向けに使うライブラリを使いたいと思うかどうかは、UIが優れているかどうかに大きく左右されます。特にBootstrapが出てきてから、その傾向が強くなっているように感じます。 今回はReactと組み合わせて使うUIライブラリRebassを紹介します。実に57種類（執筆時点）もある、UIライブラリです。 Rebassの使い方 スクリーンショットを多めに、主立ったUIコンポーネントを紹介します。まずはアロー。 アバター。 ラベル。 ブロック。 引用。 パンくず。 ボタン。 丸形ボタン。 ドーナッツ型。 YouTubeの埋め込み。 フォームもあります。インプット。 パネル。 プログレスバー。 レーティング。 ウィザード風に。 スイッチ。 テーブル。 ツールチップ。 Rebassはこの他にもたくさんのUIコンポーネントが揃っています。これだけあれば、Webサイトを自由に作成できることでしょう。
UI Tiles·Webサイト全体の画面遷移設計に使えるデザイン集 MOONGIFT
Webサイトを開発する際に使われるのが画面遷移を表現するフローチャートです。例えばコマースであればトップページから商品一覧、カテゴリ一覧や商品のピックアップなどの遷移が考えられます。 深くなってしまう場所がないか確認したり、ユーザ動線が正しく描けているかどうか確認するのに便利です。UI Tilesはそんなフローチャートを作成するのに便利なデザイン集です。 UI Tilesの使い方 UI TilesはPNGの他、PhotoshopやIllustrator形式でファイルが配布されています。 PNG版。画面のモックがたくさんあります。 それぞれ小さいながらも特徴があります。 動画プレーヤ、ポートフォリオページもあります。 PSDはデモも用意されています。 デザイン一覧。 Illustratorも同様です。 UI Tilesを使うと、これまでは単なる四角い枠に対してトップページなどとラベルを貼って
Materialize - マテリアルデザインのためのCSSフレームワーク MOONGIFT
レスポンシブでWebデザインを組むのは当たり前、今のトレンドはマテリアルデザインにあるという時代になってきました。フラットUIを踏襲しつつ、アニメーションを効果的に使うことでさらにユーザビリティ高いデザインを可能にします。 主にモバイルアプリ用に使われていますが、Webデザインにおいても十分利用が可能です。今回はマテリアルデザインを実現するスタイルシートフレームワーク、Materializeを紹介します。 Materializeの使い方 今回はスクリーンショット多めに紹介します。 Materializeはレスポンシブかつマテリアルデザインのフレームワークになっています。開発の高速化、ユーザ体験重視、ドキュメントとサンプルを多めにして学習コストを低くするといった特徴があります。 MaterializeはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア（MIT Lic
xlwings·さよならVBA。PythonとExcelの相互コミュニケーションライブラリ MOONGIFT
Webアプリ全盛の現在とあっても、業務では未だにExcelが多く使われています。その結果としてVBAが活躍しており、メンテナンスが難しかったり、コピペされるコードが量産されていたりします。VBAがダメという訳ではないのですが、触りたくないと考えるプログラマは多いのではないでしょうか。 もっと自分が使い慣れたプログラミング言語でExcelを扱いたいと考える人に使ってみていただきたいのがxlwingsです。PythonとExcelで双方向の操作が可能になります。 xlwingsの使い方 デモ。ExcelからPythonを呼び出します。 xlwingsはPythonからExcelのデータを読み込んだり、ExcelからPythonをコールできます。その結果、PythonからExcelにデータを追加したり、検索結果を表示させることも可能です。VBAの代わりに使うことが可能です。 Pythonであれば
ng-admin - 次世代のWeb管理画面
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近はサーバサイドではHTMLレンダリングせず、RESTfulなWeb APIを使ってデータを取得、表示するといったWebアプリケーションが増えています。そうした中、運営側の管理画面においても求められるものが変わってきています。 そこで今回は次世代の管理画面、ng-adminを紹介します。AngularJSを使ったWeb管理画面になります。 ng-adminの使い方 Web APIを用意しておくことで、ユーザ向けはもちろんのこと管理画面においてもスムーズな操作ができるようになります。pushStateにも対応していますので、URLはユニークになるようです。 ng-adminはJavascript/HTML5製のオープンソース・ソフトウェア（MIT License）です。 Angul
Rubicure - プリキュアを愛する方向けのRubyライブラリ MOONGIFT
私にも娘がいて、幼稚園くらいの頃にはプリキュアに夢中になっていた時代がありました。たぶん小さい女の子はみんな一度はハマる時期があるのではないかと思います。 それを一緒に見ていた（または単独でも可）プログラマーはお父さんが腕にものを言わせるとRubicureというのが出来上がる訳です。 RubicureはRubyのバージョンは2.0以降が要求されます。インストールはRubyGemsでできますのでさっそく試してみましょう。 $ gem install rubicure 完了したらおもむろにirbを実行します。 require "rubicure" そして実行します。 Precure.title #=> "ふたりはプリキュア" うーん熱い。 実行結果。ハッシュで受け取れます。 Precure.max_heart.title #=> "ふたりはプリキュア Max Heart" うーん実に熱い。作者
opaai-motion - Leap Motion × oppai.js = 未来の技術！ MOONGIFT
未来がきたぜ、ひゃっはー！ 今年現れたLeap Motionは試してみましたか。空中にある指先のモーションを感知してゲームをしたり、コンピュータの操作ができるまさに未来的なデバイスです。 様々なアイディアをこらしたソフトウェアが出てきている訳ですが、日本人と言えばヘンタイ×二次元なわけです（褒め言葉）。ということで生み出された未来を生きるソフトウェアがopaai-motionです。 まぁ深くは語りませんよ。 黒丸部分が指先を感知したところになります。 やったね、両手を感知できるよ！ Leap Motionの開発者たちもまさかこうなるとは思っても見なかったのではないでしょうか。まさに日本人的ソフトウェアであると言えます（褒め言葉）。ちなみに指先を動かした時の弾力は…いや、深くは語りますまい。ぜひ実際にお試しを！ ちなみに筆者はLeap Motionでなかなか遊ぶ時間がもてなかったので、購入以
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
iOSアプリのデザインをスタイルシートで行う凄い技術·Pixate MOONGIFT
PixateはMac OSX用のソフトウェアです。 iOSアプリのデザインはXcodeを使って行うのが一般的です。しかしWebデザイナーや開発者にとっては思い通りにいかなくてやきもきするときがあるかも知れません。そこで注目したいのがPixateです。何とスタイルシートと同じ記述で画面を作成できます。増資し、フリーになりました。 ボタンのデザイン。確かにスタイルシート調です。 記述を変えればダイナミックに描画が変わるのも特徴です。 SVGの表示も行えます。 さらにタップすると線だけに。 こちらはプレイグラウンド。様々な表示例があります。 ラベル。テキストエリアの部分は変更できます。 こんな感じにダイナミックに文字サイズを変更できます。 地図のポインター部分の大きさを変更。 本当に数多くのデモがあります。 検索ボックス。 セクション付きのテーブルビュー。 様々なテキストビュー。 Pixateは
デスクトップ、スマートフォンで使えるシックなデザインフレームワーク·TopCoat MOONGIFT
TopCoatはグレー系を主体とした落ち着いた雰囲気のWebデザインフレームワークです。 最近はWebデザインフレームワークが多数出揃ってきました。サイトの雰囲気によってフレームワークを選ぶと良いでしょう。グレー系の落ち着いた感じを出したいならばTopCoatを使ってみましょう。 グレースケールを基調としたはっきりとした見た目のUIです。 ウィジェットは数多く提供されています。 フォーム系。 スライダーなどもあります。 スピナー。効果的に青が使われています。 こちらはモバイル。スマートフォンで使えます。 アイコンとラベルのセット。 テキストエリアとチェックボックス。 基本的に濃淡2色のバックグラウンドが選択できます。 オーバーレイ表示。これも色々使えそうです。 TopCoatはデスクトップとモバイルのそれぞれにデザインが提供されています。グレー系が約6色、青系が2色程度で構成されています。
Webブラウザ上でテキストスタイルをダイナミックに編集·Code Cola MOONGIFT
Code ColaはGoogle Chrome機能拡張として動作するスタイルシート設定ツールです。 Webインスペクタを使うとWebページを表示したままスタイルシートの編集ができます。ただ、数字やテキストを入力する形なので、思った通りの編集が難しいかも知れません。そこで試したいのがCode Cola、Google Chrome用のビジュアルスタイルシート変更ツールです。 立ち上げました。右上にあるウィンドウがCode Colaです。 任意のDOMを選択すると設定項目が表示されます。 スライダーを使ってフォントサイズをダイナミックに変更できます。 テキストのストロークを変更。 HTMLソースの表示。 設定項目を全てオープンしています。 テキストシャドーの設定。 Code Colaの利点は何と言ってもビジュアル的に分かりやすく、ダイナミックにスタイル設定ができることです。表示、非表示などの設定
何が作れるか。iOS上で動作するnode.js·neu.Node MOONGIFT
neu.NodeはiOS上で動作するnode.jsサーバです。 iPhoneアプリ同士で通信しようと思った場合、幾つかの選択手段があります。Bluetoothを使うもよし、一台がサーバ化しても良いでしょう。そこで使ってみたいのがneu.Node、iOSで動作するnode.jsサーバです。 幾つかのデモが用意されています。 単純にHello Worldを返却するサンプル。 telnetでつなげられるサーバ。 入力した文字をそのまま返します。 こちらはチャットサーバの例。 デモ動画 neu.NodeはHTTPサーバ以外でも動作します。node.jsサーバとあって、Webサーバとはまた違う楽しみ方が見いだせそうです。 neu.NodeはObjective-C製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 何とも夢が広がりそうなツールです。アプリ内に組み
システムの状況を可視化するGraphiteとともに使いたい·Giraffe MOONGIFT
GiraffeはGraphiteのグラフをより見やすくフレキシブルにしてくれるソフトウェアです。 システムのステータスなどをグラフ化してリアルタイムモニタリングできるツールは多数ありますが、その一つであるGraphiteのUIを見栄えよくしてくれるのがGiraffeです。 ダッシュボードです。 データをシリーズごとにフィルタリングできます。 見た目の設定も行えます。 Giraffeは10分程度から7週間程度まで自由に時間を区切ったり、データのシリーズを切り替えたりできます。データはGraphiteのものを使っているのでGiraffe自体はサーバサイドの仕組みを持っていません。面白いソフトウェアです。 GiraffeはHTML/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る この手のツールとしてはmuninなどが知られています。
その場でデータを編集。BootstrapやjQuery UIに対応した·X-editable MOONGIFT
X-editableはBoostrapやjQuery/jQuery UIで使えるIn-place Editorです。 表示されている内容を編集する際にその場ですぐに編集できるようにするのがIn-place Editorです。それをBootstrap、jQuery UIなどに対応させたのがX-editableになります。 こんな感じでポップアップで編集できます。 エラー表示にも対応。 カレンダーでの入力。 選択式も可能です。 インラインで編集もできます。 こちらはjQuery UI版。 この場合も選択式などが使えます。 X-editableは単純な文字列入力の他に、選択やテキストエリアでの入力にも対応しています。入力チェックも可能で、エラーの際にそのまま表示を残せます。純粋なjQueryにも対応しているのでWebサービスに組み込んでみるのはいかがでしょう。 X-editableはJavaSc
OpenStreetMapをWeb上でメンテナンス·iD MOONGIFT
[s2If current_user_can(access_s2member_level1)] MOONGIFTはこう見る OSMの編集ツールは幾つかあるのですが、基本的に使い勝手があまり良くありません。スマートフォン向けアプリでは小さいものが多いですし、専用ソフトウェアをダウンロードさせるのは敷居が高いです。Web、しかもデスクトップのブラウザを使うのは利点があると思われます。 スマートフォンが隆盛になったとしても、そのコンテンツやアプリを開発する上でデスクトップの存在は欠かせないでしょう。さらに大人数で編集したりする場合はデスクトップの方が便利なはずです。何でもスマートフォンという流れは注意が必要です。 iD systemed/iD
面白い！動画とスライドを同期させる·Presentz MOONGIFT
Presentzは動画とスライドを同期させて見せるオンラインプレゼンテーションソフトウェアです。 勉強会などでスライドを使って説明をし、その様子を動画に撮影したとします。後日、その様子をオンラインで見せたいと思った時に使えるのがPresentzです。 YouTubeとSlideshareの連動。 ちゃんと動画の進行に合わせてスライドが切り替わります。 Vimeo×画像のスライド YouTube×Speaker Deck HTML5のビデオタグ×Slideshare Presentzは左に動画サービス、右にスライドサービスを表示して両者を同期させられます。動画だけでは伝えきれない情報もスライドを使えばより具体的になります。その逆にスライドだけでは見出しですが、その補足説明に動画が使えるでしょう。 PresentzはJavaScript/CoffeeScript製のオープンソース・ソフトウェア
JavaのコードをObjective-Cへ変換·J2ObjC MOONGIFT
J2ObjCはJavaのコードをObjective-C（iPhone/iPad）に変換するソフトウェアです。 iOSアプリをObjective-C以外のコードを動かすには二つの方法があります。一つはランタイムを内蔵して動かすもの、もう一つはプログラミングしたコードをObjective-Cに変換してしまう方法です。J2ObjCはその後者、JavaをObjective-Cに変換してしまうソフトウェアです。 元のコード。シンプルです。 変換しました。 変換されたHello.hです。 こちらはHello.m。 さらにコンパイルします。 そのまま実行できます。 x86 64bit向けの実行ファイルとして生成されました。 まだ簡単なコードでしか実験していませんが、それでもJavaのコードをObjective-Cに変換できました。J2ObjCの目標はMac OSX上ではなくiOS上で動くObjectiv
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
