タグ

ブックマーク / www.moongift.jp (16)

  • Weave - Dockerで仮想ネットワークを構築

    MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Dockerは仮想化技術なので、ハードウェアの台数によらず仮想環境(コンテナ)を立ち上げられます。その中ではコンテナの垣根を越えて連携させたいと思うことも多いでしょう。そのための仕組みとしてリンクがありますが、より大規模なネットワークを構築する場合はWeaveを使うのが良さそうです。 Weaveの使い方 WeaveはDockerコンテナで仮想的なネットワークを構築するソフトウェアになります。まずはUbuntuなりでダウンロードします。 $ sudo wget -O /usr/local/bin/weave \ https://raw.githubusercontent.com/zettio/weave/master/weaver/weave $ sudo chmod a+x /us

    Weave - Dockerで仮想ネットワークを構築
  • AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT

    これで十分でしょ! Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも! アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で

    AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
  • Progress.js·読み込み中のストレス軽減のためのプログレスバー MOONGIFT

    処理に時間がかかっている時にプログレスバーを出せばユーザストレスは幾分軽減できます。幾つものプログレスバーライブラリがありますので、目的に合わせて選ぶのが良いでしょう。 今回のProgress.jsはサイト全体はもちろん、画像などの一部の描画を行っている時に使ってみると面白そうなライブラリです。 Progress.jsの使い方 Progress.jsのJavaScript/スタイルシートファイルを読み込んだ上で、スタートを実行します。 //to set progress-bar for whole page progressJs().start(); //or for specific element progressJs("#targetElement").start(); Progress.jsのデモ 読み込み中。プログレスバーごとに速度を変えられます。 表示されました! テキストエリ

    Progress.js·読み込み中のストレス軽減のためのプログレスバー MOONGIFT
  • Watchman·Facebook製のファイル/フォルダ監視ツール MOONGIFT

    ファイルの変更を監視して何らかの処理を行うと言ったソフトウェアは静的サイトの流行もあって幾つか出てきています。軽量なもの、プラグインで拡張できるものなど色々ですが、今回はFacebookにより開発されているWatchmanを紹介します。 特徴としてはファイルの拡張子も問わず、指定したファイル(パターン指定可)が変更されたらそれをトリガーに何らかの処理を行うと言ったソフトウェアになるようです。さっそく見ていきましょう。 最も簡単な使い方として、CSSを変更したらミニファイする場合は次のようになります。 $ watchman -- trigger ~/src buildme '*.css' -- minify-css さらに複数のディレクトリ、ファイルを監視できます。 $ watchman watch ~/www この場合、~/wwwを監視対象に加えます。さらに別なディレクトリも監視対象に加え

    Watchman·Facebook製のファイル/フォルダ監視ツール MOONGIFT
  • BootstrapのUIをWindows8のModern UI Style風に·BootMetro MOONGIFT

    BootMetroはBootstrapをベースにWindows8のModern UI Style風にしたソフトウェアです。 ついにWindows8が発売になりました。機能的なことはもちろん、注目を集めているのはModern UI Style(旧Metro UI)でしょう。そんなUIをWeb上でBoostrapをベースに作られたのがBootMetroです。 デモサイトです。確かにWindows8 UI風です。 設定は右側に表示される仕組みです。 テーマを変更できます。 メニューは左側。 グリッド表示。 正方形のタイル表示。 テーブル。 Bootstrapの各種JavaScriptライブラリにも対応しています。 タブ表示。 追加機能は下に表示されます。 アイコンは多数用意されています。 BootMetroはBootstrapの機能性、汎用性の高さとModern UI Styleのシンプルな表示

  • Postfixの管理に使える仮想メールアドレス管理ソフトウェア·ViMbAdmin MOONGIFT

    ViMbAdminはメールアドレス管理ソフトウェアです。複数ドメインに対応しています。 メールアドレスの管理というのは意外と煩雑になりがちです。特に転送メールなどで入れ子になっていたりすると非常に面倒な管理になるでしょう。そこでWebブラウザ上で分かりやすい管理ができるViMbAdminを使ってみましょう。 ログインします。 ドメイン一覧です。 メールボックス一覧です。 パスワードの変更もできます。 エイリアスの一覧です。 作業したログです。 管理者アカウント一覧。 ViMbAdminは複数ドメインのメールアドレスを一元管理できます。PostfixやSendmailに対応しており、設定ファイルを使った煩雑な管理から解放されるはずです。サーバのセットアップさえしてしまえば、運用は楽になるのではないでしょうか。 ViMbAdminはPHP製、GPL v3のオープンソース・ソフトウェアです。 M

  • Bootstrapを使おう!様々なカラーテーマ、プラグインを用意·Kickstrap MOONGIFT

    KickstrapはBootstrapをベースにしたテーマ、プラグインを提供するソフトウェアです。 最近作られるWebサービスでよく使われているBootstrap。そんなBootstrapは固定色でそれっぽさが感じられてしまうのが欠点でしたが、見事に打ち消してくれるのがKickstrapです。 色が変わると随分印象が違います。 テーマ機能があります。 青と白。 こんな感じのシンプルなテーマも。 逆にカラフルなものもあります。 基は同じですが、印象は違いますね。 好みのテーマを選べます。 JavaScriptプラグインがデフォルトよりもぐっと増えています。 Kickstrapを使えばBootstrapをより便利に使えるでしょう。JavaScriptプラグインも通知機能をはじめ、色々なものが追加されていますのでWebサイトをより強力にパワーアップできるはずです。 KickstrapはHTML

  • 管理画面からはじめるHTML5対応·HTML5 ADMIN MOONGIFT

    HTML5 ADMINはHTML5で作られた管理画面用テンプレートです。 格好いい管理者専用のWebページが作ってみたいならばお勧めしたいのがHTML5 ADMINです。 デモの画面です。シンプルで分かりやすい画面構成になっています。 ツリービューを広げた場合です。 レイアウトは柔軟に設定されています。 アコーディオンやタブ、シャドーも用意されています。 ダイアログです。 アイコン、スライダー、カレンダー、プログレスバーもあります。 テーブル表示です。 プロフィール的な表示にも対応しています。 メッセージ表示も考慮されています。 フォームのサンプルもあります。 細かな部分にも気を配られたデザインです。 HTML5 ADMINはjQuery、jQuery UIを使っており、無限の階層メニュー、追加ナビゲーションなどの機能があります。 HTML5 ADMINはHTML5/JavaScript

  • CSS3だけで作るプログレスバー·CSS3 Progress Bars MOONGIFT

    CSS3 Progress BarsはCSS3を使ってプログレスバー表示を行います。 最近、複雑な表示ですらCSSだけでこなしてしまうようなハックが流行っていますが、CSS3 Progress BarsはCSS3だけを使ってプログレスバーを表示します。 表示例です。角丸や複数の組み合わせ表示ができます。 さらに細めのタイプもあります。 コードです。styleのwidthでバーの長さを指定します。 色の指定もclass名でできます。 組み合わせの場合はこんな感じです。 細いタイプは_tinyをつければOKです。 CSS3 Progress BarsはCSS3だけでプログラレスバーを生成しているのでJavaScriptなどで動いたりするようにするのも簡単に実現できそうです。 CSS3 Progress BarsはCSS3製、MIT Licenseのオープンソース・ソフトウェアです。 MOONG

  • 社内でも立てられるGitHubクローン·GitLab MOONGIFT

    GitLabRuby/Ruby on Railsで作られたGitHubクローンです。 GitHubは有料でプライベートリポジトリが持てますが、それでもセキュリティ上の理由でリポジトリを外だしできないケースはあるかと思います。そんなときに使ってみたいのがGitLabGitHubクローンです。 ログイン必須になります。 ログインした後の画面です。登録済のプロジェクトが一覧表示されます。 一つのプロジェクトを閲覧しています。ソースツリーが出ます。ソースツリーは右へ右へスライドして表示されます。GitHubに似ています。 ソースコードハイライターも内蔵されています。rawでファイルをダウンロードできます。 タグやブランチを切り替えることもできます。 コミット履歴一覧です。 コミット詳細ではDiffが確認できます。 コミットに対するコメントも確認できます。 チーム設定です。複数人でのコラボレーシ

  • 次の情報を右へ右へ展開する新しいナビゲーションUI·Kaiten MOONGIFT

    KaitenはjQueryを使って左右に展開するナビゲーションインタフェース。 KaitenはjQuery/JavaScript製のオープンソース・ソフトウェア。Webではリンクを使って情報を辿っていく操作が基だ。そのため以前の情報に戻る操作が増えたり、別なウィンドウやタブで開いたりしてどんどん情報が溢れてしまう。 右に情報が表示されていく スマートな解決策としてAppleが提案しているのが横にスライドしていく操作だ。次の情報はどんどん右に展開しているので戻ったり関連性を見いだすのも難しくない。そんなデータ表示をWebで再現するのがKaitenだ。 Kaitenは新しいWebナビゲーションを提案する。まず最初に表示される情報は左側になる。その中のリンクをクリックすると右側に展開する。さらにクリックしていくとどんどん右に展開する。ヘッダーでは現在表示しているコンテンツがハイライトになり、パ

  • MongoDBフロントエンド·MongoHub MOONGIFT

    MongoHubはWindows/Mac OSX用のフリーウェア(ソースコードは公開されている)。去年、今年くらいから注目を集めているのがNoSQLシステムだ。KVSのような構成で、スケーラブルで高速に動作するのが特徴となっている。ビジネス分野ではまだ難しいが、テスト的に導入されることも増えているようだ。 そんなNoSQLの一つとして知られるのがMongoDBだ。通常、ターミナル操作で完結するが、今後発展していく中ではGUIの管理画面が欲しくなることは間違いない。その時に使ってみたいのがMac OSX用のフロントエンド、MongoHubだ。 MongoHubにMongoDBは含まれていないので別途立ち上げておく必要がある。その後MongoHubを立ち上げて接続する。接続が完了するとデータベースが一覧で表示されるので、そこから選択するとさらにコレクションが一覧になって表示される。 データを一

  • WebアプリケーションMySQL管理「MonoQL」 - MOONGIFT MOONGIFTプレミアムについて オープンソース・ソフトウェア/フリーウェアを毎日紹介

    MonoQLはYUIを使ったWebアプリケーション風MySQL管理。 MonoQLはPHP製のオープンソース・ソフトウェア。WebベースのMySQL管理にはphpMyAdminが最も良く使われている。もはやデファクトという雰囲気はあるが、管理画面は前時代的な雰囲気もある。もっとAjaxを使ったりして格好いい管理インタフェースが欲しくないだろうか。 データの編集もできる 複数のデータベース、複数のテーブル、トリガー、ビューなど様々なデータを一元的に管理し、データのメンテナンスもできるMySQL管理としてMonoQLを紹介しよう。phpMyAdminの対抗馬になり得るだろうか。 MonoQLはYUIを使って開発されている。そのため、まるでローカルアプリケーションのようなデザインが実現されている。独自の認証があり、それを通過するとデータベースの一覧が表示される。そこから選ぶとテーブル、ビュー、プ

    nkwhr
    nkwhr 2010/10/24
  • シンプルなWindows用Linuxコマンド集·Gow MOONGIFT

    GowはWindows用のオープンソース・ソフトウェア。LinuxMac OSXを使っていてWindowsに移ると非常に面倒に感じるのがコマンドラインでの操作だ。GUIが当たり前なので致し方ないのだが、それでもコマンドラインである程度の作業が出来ると利便性が高い。 130種類を越えるコマンド群 そのような時に使っていたのがCygwinだが、レジストリが色々変更されたり、そもそもcygdriveという書かれ方が好きではなかった。もっとシンプルにコマンドだけを使いたいならばGowを利用してみよう。 Gow(Gnu On Windows)はシンプルに使えるLinuxコマンド集で、lsやwc、wgetといったような一般的コマンドが136個ほど詰め合わせになっている。cvsやscp、puttyといったプログラムも用意されているので利便性が高い。vimもあるのが面白い。 パスにも追加されるのでコマン

    シンプルなWindows用Linuxコマンド集·Gow MOONGIFT
  • Mac OSX/Linux用のSynergyフロントエンド·QuickSynergy MOONGIFT

    複数台のパソコンを使っている人は多い。例えばノートパソコンとデスクトップパソコンで、外出時と中にいる時とで使っているという人もいるはずだ。複数台のパソコンは便利だが幾つか問題がある。データと同期と入力インタフェースだ。 設定画面 データの同期は今度にするとして、今回は入力機器だ。キーボードとマウスが二組あるのは邪魔臭い。そこでよく使われるのがSynergyなのだが、Mac OSXLinuxではグラフィカルなインタフェースが用意されていなかった。そこでQuickSynergyの出番だ。 今回紹介するオープンソース・ソフトウェアはQuickSynergy、Mac OSX/LinuxLinuxは開発中)用Synergyフロントエンドだ。 QuickSynergyはサーバ、クライアントともに使えるソフトウェアだ。サーバは上下左右に対してどのコンピュータの画面の用いるか定義する。クライアントはサ

    Mac OSX/Linux用のSynergyフロントエンド·QuickSynergy MOONGIFT
  • MOONGIFT: » ハイバネーションを即実行「Deep Sleep」:オープンソースを毎日紹介

    Mac OSXにはWindowsでいう休止状態に相当するハイバネーションという機能がある。メモリの内容をHDDに保存することによって休止した時の情報をそのままに電源を抜いても問題なくする機能だ。MacBookなどでバッテリー交換する際に便利な機能だ。 クリック一つでハイバネーションを実行する 便利とは言え、停止と起動に時間がかかるので普段はあまり使わない。これまではターミナルからコマンドを打って強制的に有効にしていたのだが、これからはDeep Sleepを使おう。 今回紹介するオープンソース・ソフトウェアはDeep Sleep、即ハイバネーションを実行するウィジェットだ。 Deep Sleepの便利な点はウィジェットで提供されるところだ。Dashboardを呼び出して、Deep Sleepを実行するだけですぐに休止状態の処理を開始してくれる。普段の停止処理については変わらないので、一時的に

    MOONGIFT: » ハイバネーションを即実行「Deep Sleep」:オープンソースを毎日紹介
  • 1