Portainer - シンプルなDockerイメージ/コンテナ管理 MOONGIFT
Dockerは一瞬にして仮想環境が立ち上がるのでどんどんコマンドを叩いたりイメージを取り込んだりしている内に全体が肥大化してしまいます。Dockerの状態を含めて可視化しないと綺麗な管理は難しいでしょう。 そこで使ってみたいのがPortainerです。シンプルなDockerコンテナ/イメージ管理システムです。 Portainerの使い方 Portainerのダッシュボードです。 テンプレートも用意されており、ここからすぐにコンテナが作れます。 イメージの作成画面です。 ネットワーク一覧。 ボリューム一覧。 クラスター情報。 Portainerを使えばDockerのステータスが一目で分かるようになります。設定も可視化されているので間違った設定をしたり、設定漏れを防ぐのの役立つでしょう。自動スケーリングには向きませんが、社内のDockerであったり開発環境などであれば役立つでしょう。 Port
moji - JavaScriptによる全角/半角の文字種変換 MOONGIFT
Webの入力フォームでイライラさせられるのは半角、全角の判定ではないでしょうか。データベースに入れる際にデータを統一したいだけで、利用者に対して苦痛を押しつけています。解決する手段など幾つもあるにも関わらずです。 今回はJavaScriptによる文字種変換ライブラリ、mojiを紹介します。 mojiの使い方 mojiはnpmでインストールできます。後は以下のように使います。 > var moji = require('moji'); undefined > moji('ＡＢＣＤ０１２３４').convert('ZE', 'HE').toString(); 'ABCD01234' > moji('ABCD01234').convert('HE', 'ZE').toString(); 'ＡＢＣＤ０１２３４' > moji('アイウエオ').convert('ZK', 'HK').toStrin
Gimei·日本人の名前、住所をダミーで生成 MOONGIFT
ダミーデータを作るのは意外と面倒で、つい“ああああ”などとしてしまったり、同じ文字を繰り返してしまったりします。しかしそれでは実際にありそうな文字数が分かりづらかったり、雰囲気として本物っぽさが感じられません。 そこで使いたいのがGimeiです。偽名、偽の住所などを生成してくれるライブラリです。 Gimeiの使い方 GimeiはRubygemでインストールできます。 gem install gimei 例えば男性を作る場合は以下のようにします。 gimei = Gimei.male gimei.male? #=> true gimei.female? #=> false gimei.kanji #=> "小林 顕士" もちろん実行する度に結果は変わります。 > gimei = Gimei.male => #< gimei::name:0x007fd2cb35b4c0 @gender=:ma
Primer - GitHub製。みんなで使えるデザインフレームワーク MOONGIFT
企業やプロジェクトによってデザインガイドラインは自ずと必要になってきます。それが社で働くデザイナーの共通認識になる訳ですが、例えばFacebookアプリを作る際にはボタンやデザインをFacebookっぽくしたくなるのではないでしょうか。つまりデザインガイドラインは社内だけでなく社外の人にとっても有益なのです。 そこで登場したのがPrimerです。PrimerはGitHubが作り、使っているデザインガイドラインになります。 Primerの使い方 スクリーンショットを多めで紹介します。まずはグリッド。 ヘッダー。h1〜6まで対応。 テキスト。若干小さめ？ インラインテキストの装飾。 ボタン。ここはGitHubっぽいですね。 ボタングループ。こういうのもGitHubで使われていますよね。 フォーム。シンプルです。 フォームグループ。縦に並べる時に使えます。 メニュー。アイコンはオプションです。
highlight.js - 100種類の以上の言語に対応したコードハイライター MOONGIFT
ブログやWebサイトでプログラミングコードを載せる際に必要になるのがハイライト処理です。単純にコードをそのまま載せても可読性はとても低いです。ハイライトライブラリを使って、見やすくすべきです。 個人的にはGoogleが作っているgoogle-code-prettifyをよく使っていたのですが、highlight.jsも使いやすそうです。 highlight.jsの使い方 左側のコードが表示例。テーマも用意されています。 Apacheの設定ファイルも対応しています。 CoffeeScriptにももちろん対応。 Diff。 HTTPヘッダー、iniファイルにも使えます。 Apacheがあればnginxももちろんあります。 highlight.jsは112言語、49のテーマが用意されています。HTML/JavaScript/スタイルシートのようにマルチ言語に対応したハイライトが行えます。言語も自
iCropper – JavaScriptを使って画像を四角く切り抜き
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webサイトでユーザにプロフィールアイコンをアップロードしてもらうというのはよくある機能だと思います。そんな時にユーザがちょうど良くアイコンサイズ（大抵正方形）の画像を持っているとは限りません。 そこで使ってみたいのがiCropperです。JavaScriptを使ってWeb上で画像のクロップを行うライブラリです。 iCropperの使い方 右側に切り抜いた後の画像が表示されています。枠はマウスで自由に移動したり、大きさの変更が出来るようになっています。後はサムネイルになっている画像をデータとしてサーバに送れば良いだけです。 コードは次のようになります。 var ic = new ICropper( 'cropperContainer' //Container id ,{ ratio
さくっとRails on Google App Engineをはじめる·Rails on GAE MOONGIFT
Google App Engine（GAE）の可能性はJavaをサポートしたことによってその可能性を飛躍的に向上させた。JavaVM上で実装された言語であれば何でも動作する。JRubyもその一つで、Ruby on RailsもGoogle App Engine上で動作する。 GAEのパワーを素早くゲットする とは言えやはりマイノリティだけに色々な準備が必要とされていた。そのため敬遠していた人も多いだろうが、Rails on GAEによって大きく舵を切ることになりそうだ。 今回紹介するオープンソース・ソフトウェアはRails on GAE、GAEでRuby on Railsを動かすためのプラグインだ。 Rails on GAEはRuby on RailsをGAEで動作させるために必要なタスクを予めインストールすることで、後は順番に従って進めるだけでJRuby on Railsができるようにな
iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート·Mockapp template MOONGIFT
Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼ねてモックアップが必要になることもあるだろう。 iPhoneアプリ作りの企画に その時に使えるのがMockapp templateだ。Mockapp templateはAppleのプレゼンテーションソフトウェアであるKeynoteやWindowsのPowerPoint向けに提供されるテンプレートで、iPhoneのモックアップを作成するのにぴったりな素材になっている。 枠が提供されているので、Mockapp templateを使って作ればモックアップが手早くできる。さらに別なフ
XSS、SQLインジェクションを発見する·Pixy MOONGIFT
PHPはWebシステムの中で広く使われているポピュラーなスクリプト言語だ。だが、手軽に習得し、開発が行えるとあって成果物のレベルが様々であり、中にはセキュリティ上問題のあるコードが多数存在することがある。そうしたセキュリティ上の問題を解決する手法やフレームワークもあるが、ごく簡単なシステムでは使われることがないだろう。 SQLのコードを精査し、問題の発見につなげる そのようなものを放置しておくと、いつ何時問題がわき上がるか分からない。そうした不安を取り除くためにもPixyを使ってみよう。 今回紹介するオープンソース・ソフトウェアはPixy、XSS、SQLインジェクションを発見するスキャナソフトウェアだ。 最初に断っておくと実際試してみたところでは100%の解決にはつながらなさそうなのでご注意いただきたい。PixyはJavaで作られたソフトウェアで、PHPファイルを指定して実行するとソースフ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
