imgpush - オープンソースの画像共有サーバ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ImgurやGyazoなど画像アップロードサイトは多数あります。そうしたサイトを使うことで友人やコミュニティサイトなどで画像共有を簡単に行えますが、コンテンツの公開制限をはじめ、自分で制御できないことに不安を感じる人もいるでしょう。 そこで使ってみたいのがimgpushです。画像を簡単にアップロードできるサーバを手軽に設置できます。 imgpushの使い方 imgpushを立てたら、後はそこにポストするだけです。 $ curl -F 'file=@photo.jpg' http://localhost:5000 {"filename":"Vl0U9.png"} この場合、 http://localhost:5000/Vl0U9.png で画像にアクセスできます。 wとhというパラメ
AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT
これで十分でしょ！ Bootstrapで作る管理画面は相当増えてきているようです。確かに一般ユーザ向けに提供するとBootstrap臭が出てしまいますが、管理画面であれば問題はないですよね。 ということで今回は新しいBootstrap製の管理画面テンプレートAdminLTEを紹介します。高度なウィジェットが数多く提供されていますので使い勝手良さそうですよ。 AdminLTEの画面 今回もスクリーンショット多めで紹介します。 ダッシュボード。この時点でかなりリッチ。 ボックス。これだけ多彩なパターンがあると言うのも凄いですね。 左端にはちょっとした設定を表示させています。 背景色を変えるだけでも随分印象が違います。 グラフ。 こちらもグラフ。 外部ライブラリもそつなく使いこなしています。 スパークラインも！ アラート。ちょっと飛び出しているのがいい感じです。 アイコン。 ボタン。フラット系で
Bootstrapベースの管理画面用テンプレート·Charisma MOONGIFT
CharismaはHTML5/JavaScript製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。 Webシステム開発において意外と不遇なのが管理画面です。内部の人が使うものなので適当に作られるケースが多くなります。そこで使ってみたいのがCharismaです。リッチな管理画面をBoostrapをベースに作り上げる事ができます。 ウィジェットがついた、リッチな管理画面です。ここまで恵まれているケースは早々ないでしょう。 ドラッグ&ドロップによる配置変更もサポート。 折り畳んで隠す事もできます。 グリッドは細かくサポートされています。 カレンダー。システム内部のデータをマッピングすると見通しが良くなりそうです。 メンバー一覧。検索やラベルもあって便利そうです。 ギャラリー。サムネイル写真をきれいに並べています。 タイポグラフィ。様々なタグをサポートしているので奇麗
問題が起きる前に。Webサーバセキュリティチェッカー·Websecurify MOONGIFT
Websecurifyは主立ったWebサーバにおけるセキュリティチェックを自動化してくれるソフトウェアです。 Webサイトを巡るセキュリティ問題は多々あります。自動化されている攻撃ソフトウェアもあり、ちょっとした油断で一気に重要データが引き抜かれたり、逆に破壊されてしまう可能性があります。それを事前に確認すべく使っておきたいソフトウェアがWebsecurifyです。 メイン画面です。 テストを行うURLを入力します。実行前に確認が出ます。 テストの実行中です。 完了しました。 レポート画面でインシデントの詳細が確認できます。 Websecurifyは代表的と言えるセキュリティチェックについて自動で行ってくれます。SQLインジェクション、ローカルファイルの読み込み、クロスサイトスクリプティング、CSRFなど多岐にわたります。サーバの種別を判断した上でやり方を変えるので、より確度が高くなります
試そう！PHPコードを解析して修正点を指摘·phpca MOONGIFT
phpcaはPHPを静的に解析して小さなミスやコードの修正点を指摘してくれるソフトウェアです。 PHPを書く際にどう書けば小さなミスによるバグの発生を防げるでしょうか。一定の基準に沿って記述することで整然としたコードを実現し、可読性をあげることでバグの混入を防ぐことができます。そこで使いたいのがphpcaです。静的にPHPファイル（ディレクトリ単位も可）を解析し、修正すべき場所を指摘してくれます。 解析処理を実行しています。PHPのパスと、解析したいファイルやディレクトリ名を指定して実行します。解析処理中は随時メッセージが出力されます。 メッセージ例です。タブの利用や行の使い方に関してなどメッセージが表示されます。 ?>がない場合もメッセージが出ます。これはPHPの書き方としては逆かも知れません（確かない方が良いという話なので）。 PHPを書く上でありがちなミスやバグにつながりそうな指摘を
これを待っていた。マインドマップ＋GTD·MindOnTrack MOONGIFT
MindOnTrackはマインドマップとタスク管理（GTD）が一つになったソフトウェア。 MindOnTrackはWindows/Linux用のフリーウェア（Mac OSX向けもリリース予定）。日々の業務やプライベートな予定など、うまく順番にやりくりするためにはTodo管理が欠かせない。そしてタスクというのは総じて自分の周囲を整理した時にも現れやすい。 タスク 単純に割り当てられているタスク以外にも、プロジェクトや業務に関して見直してみると新しいすべきことが見つかったりするのはよくあることだ。そこで考えをまとめつつタスクに落とし込めるソフトウェアとしてMindOnTrackを紹介しよう。 MindOnTrackはマインドマップとタスク管理が一緒になったソフトウェアだ。言わば作業を分類ごとにドリルダウンしながらまとめ、それに日付をつけてタスク化していくのだ。さらにGTDにも則っているので、プ
今風のUI。Ajaxを使ったPHPベースのMySQL管理システム·MyWebSql MOONGIFT
MyWebSqlはAjaxを多用した今風のUIを使ったMySQL管理ツール。 MyWebSqlはPHP製のオープンソース・ソフトウェア。PHPと言えばMySQL、その二つの組み合わせから生み出されたphpMyAdmin。LAMPスタックなんて言葉が生み出されたのにphpMyAdminの優秀さがあったことは否定できない。それくらい誰しもが使っているソフトウェアだ。 データ一覧 だが長い年月のうちにUIは古いものになり、ちょっと時代が変わってきているかという気がしなくもない。そこで今のWebに合わせたMySQL管理ツールを紹介しよう。それがMyWebSqlだ。 MyWebSqlはWebアプリケーション風のインタフェースに加えて、UIのデザインもポップで明るい配色になっていて使い勝手が良い。左側にデータベースの一覧、右側でデータの編集を行うスタイルはphpMyAdminと同じだ。さらに下にはSQ
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
複数プロジェクトに対応したWebベースの課題管理·Elastik MOONGIFT
ElastikはWebベースの課題管理システム。バグ管理やタスク管理に利用できる。 ElastikはPHP製のオープンソース・ソフトウェア。プロジェクト管理は様々な機能を必要としているが、本質でない部分を切り出していくと最終的に残るのは課題管理と言えるかもしれない。バグや機能追加の管理を行うのがプロジェクト管理の本質と言えるだろう。 チケット詳細 チケットを発行して機能を実装し、その機能をテストしてバグ管理としてチケットを発行する。その繰り返しによってサービス、ソフトウェアが作られていくのではないだろうか。課題管理システムとしてElastikを紹介したい。 Elastikは複数のプロジェクトに対応した課題管理システムになっている。チケットを作成し、内容を登録すれば完了だ。チケットにはアサインする人を定義したり、期限やステータス、プライオリティを設けることができる。さらにウォッチや添付ファイ
HTML5の凄さを理解できるHTML5製のプレゼンテーション·HTML5 Slides MOONGIFT
HTML5 SlidesはHTML製のオープンソース・ソフトウェア。2010年秋に仕様の確定が予定されているHTML5。ビデオタグなどの一部混乱はあるものの、大筋で仕様は固まってきており、SafariやGoogle Chromeなどは率先してHTML5に取り組んでいる。 HTML5に関するプレゼン HTML5で目玉機能になっているのがローカルストレージやオフラインアクセス、データベース、位置情報、SVG/Canvasなどだろう。そんなHTML5の魅力を知ることが出来るプレゼンテーションとしてHTML5 Slidesを紹介しよう。 HTML5 SlidesはHTMLで作られたプレゼンテーションだ。左右の矢印キーを使って読み進めることが出来、Ctrlキーと+/-キーで拡大、縮小表示ができる。内容はずばり、HTML5に関する説明で、プレゼンの途中でHTML5を試せるようになっている。 プレゼン上
CSSを使って流れるような3Dイフェクトを実現する·css-vfx MOONGIFT
css-vfxはCSS/JavaScriptによるオープンソース・ソフトウェア。Coolirisというソフトウェアはご存じだろうか。写真をタイル状に並べて、左右に流れるような操作で一覧できる。様々なブラウザ、モバイルで使えるソフトウェアだ。 タイル状に並んだ写真を一気に見渡せる そんなCoolirisの見せ方はとても上品で、操作性も良く使い勝手が良い。あんなインタフェースを自分のサイトでも実現してみたいと言う希望を叶えてくれるのがcss-vfxだ。css-vfxは特別なソフトウェアはいらず、WebKitさえあれば良い。 ターゲットはモバイルだ。PC版のWebKit（SafariやGoogle Chrome）ではうまく動かないかも知れない。iPhoneやAndroidからアクセスすれば、そのすごさが分かるはずだ。指で弾くと写真が左右に流れていく。奥行きを感じさせる作りはスピード感もあってとて
簡単に使えるフローチャート作成ソフトウェア·Diagram Designer MOONGIFT
Diagram DesignerはWindows用のフリーウェア。フローチャートやUML、地図などドロー系ソフトウェアの利用範囲は多い。それだけに誰でも使えると便利なのだが、フリーで使えるものは多くない。有料であればMS Visioが有名だろう。 高機能なドローソフトウェア だがあれだけの高価なソフトウェアを必要な人全員に購入するのはなかなか難しい。簡易的なドローで十分というのであればDiagram Designerを使ってみると良いだろう。ステンシルも数多い、フリーで使えるドローソフトウェアだ。 Diagram Designerはフローチャートが基本になっているようで、オブジェクトやラインが多数登録されている。フォントを変えれば日本語の表示にも対応している。さらにUML、Windowsのモックアップ、地図、電気図といったステンシルが登録されている。 画像出力に対応 使い方はステンシルから
シンプルに分かりやすくメモを作る·iroha Note MOONGIFT
iroha NoteはAdobe AIR製のフリーウェア。構造的にノートを書くときにはアウトラインエディタやマインドマッピングがよく使われる。一度に長文を書こうと思うとなかなか筆が進まなかったり、メンテナンスするのも大変だが、小さく分割することで可視化され、整理されるのだ。 ノートとリースでメモをする マインドマッピングソフトウェアは数多く存在し、高機能なものも多数存在する。だが多機能であると逆に操作に混乱してしまい、元々の目的だったノート作成がおぼつかなくなってしまう。そこで使ってみたいのがiroha Noteだ。 iroha Noteは日本製のAdobe AIRアプリで、Windows/Mac OSX/Linuxで動作する。左側にノートリストがあり、その右側にノートのコンテンツを作成する。付箋紙のようなリーフと呼ぶメモを貼り付け、各リーフをリンクさせてノートを作成する。 リーフ同士は線
Flex + Railsによるアジャイルプロジェクト管理·Planigle MOONGIFT
PlanigleはFlex/Ruby on Rails製のオープンソース・ソフトウェア。日本ではなかなか浸透しないアジャイル開発。ウォーターフォール型とは大きく異なる考え方を取り入れる必要があるので、スイッチングコストはかかると思うが、それでもプロジェクトが火を噴くコストに比べれば十分に低いだろうとは思う。 ストーリーベースのアジャイルプロジェクト管理 そんなアジャイル型開発スタイルを取り入れていくのに便利なのが専用のプロジェクト管理を使うことだ。システムからワークフローを取り入れていけば、やり方が見えてくるのではないだろうか。その一つ、Planigleを紹介しよう。 PlanigleはRuby on Rails製のプロジェクト管理で、ユーザインタフェースにFlexを採用している。ストーリーベースの開発に対応しており、スケジュール機能を使ってマイルストーンを設定するようになっている。ストー
Google Chromeを使ってスクリーンショット+説明書き·Explain and send screenshots MOONGIFT
Explain and send screenshotsはGoogle Chrome向けのフリーウェア。Webサイトを使って、何かの説明を行いたいと思うことはよくある。遠い場所にいる人に対してサイトのどこを見るべきか説明したり、サイトのヘルプを作ったり、デザインの修正依頼をしたりといった具合だ。 一部の範囲を指定して説明書きを加えられる そんな時によくやる手としてはWebサイトのスクリーンショットを撮って、画像編集ソフトウェアで開いて矢印や文字を加えてアップロードするといった操作だ。これでは手間がかかりすぎる。解決するのはExplain and send screenshotsだ。 Explain and send screenshotsはGoogle Chromeの機能拡張で、任意のWebサイトでボタンを押すと、範囲を指定してスクリーンショットを撮る機能になる。そこで送りたい範囲を指定す
縦書き表記をサポートするテキストレイアウトエンジン·Nehan MOONGIFT
NehanはJavaScript製のオープンソース・ソフトウェア。コンピュータはアメリカ発とあって、左から右に表記されるのが基本だ。アラビア語のように右から左に表記される場合もあるが、それでも横に流れるのは変わらない。日本語のように縦に書かれることは考慮されていない。 だが日本人である以上、慣れはあるとは言え縦書きの方が分かりやすい。それは今後電子書籍が流行っていく中で必ずネックになるはずだ。とは言え出力自体縦書きにするのは難しい。そこで表示だけを切り替えるのがNehanだ。 NehanはHTMLでは通常通り横向きに書かれている文章をJavaScriptを使って縦書きに変換する。カギ括弧など単純に縦に並べると問題のある文字は画像を使って置き換えてくれる。これによってぐんと見やすい状態になる。 実際の使い方としてはclassの中に幅、高さ、フォントサイズを指定する程度で良い。特に何も考えずに
WordPressのテーマをビジュアル的に作成する·Elastic Theme Editor MOONGIFT
Elastic Theme EditorはPHP製/WordPress用のオープンソース・ソフトウェア。去年くらいから日本でもWordPressをブログエンジンとして採用するケースが増えてきた。安定性も出てきて、かつテーマやプラグインが世界中にあるのだから使わない理由などないだろう。 ドラッグで幅を設定できる そんなWordPressのテーマ作成は一筋縄でいくものではない。こったデザインであれば、やはりプロに敵うものではないが、シンプルなテーマであればElastic Theme Editorを使えば開発者でもそれなりのものが作成できそうだ。 Elastic Theme EditorはWordPressプラグインとして動作するテーマエディタだ。多数のカラム、横幅の中から選択してベースを作成する。そして枠をクリックしてボックスを作成する。ボックスはマウスでドラッグして複数のカラムを囲むことが出
携帯電話からのアクセスを真似する·Moxy MOONGIFT
MoxyはPerl製のオープンソース・ソフトウェア。日本において携帯電話サイトの需要は大きい。スマートフォンの活況もあって、PC向けと同時に携帯電話向けをリリースすることも多くなっている。また将来的にはPCよりもモバイルのシェアが大きくなると言われている。 携帯電話からのアクセスを模倣できる そんな携帯電話向けサイトの開発を行う場合、PCからアクセスを偽装してテストを行う必要がある。専用のソフトウェアの他、FirefoxのMobileSimulatorも使えるが、ここではWebブラウザベースのMoxyを紹介しよう。 MoxyはPerl製のソフトウェアで、専用のWebサーバとしてサービスが立ち上がる。ブラウザからアクセスすると、URLを指定して外部のWebサービスにアクセスできる。その際にはUserID、ユーザエージェント、HTTPヘッダーを任意に入れ替えてアクセスも可能だ。 Googleへ
PHP製の見やすいプロジェクト管理·Cyberience Projects MOONGIFT
Cyberience ProjectsはPHP/MySQL製のオープンソース・ソフトウェア。パッケージ販売されるレベルのプロジェクト管理はとても複雑なものが多い。その点に注目し、使い勝手の良いプロジェクト管理を目指したBasecampはとても人気が高い。 同様にオープンソース・ソフトウェアのプロジェクト管理でもMS Projectのライバルとして機能がどんどん増えるもの、逆にシンプルな路線を進むものと二極化が進んでいる。Cyberience Projectsはシンプルな機能、インタフェースを目指すプロジェクト管理だ。 Cyberience Projectsは複数プロジェクトの登録に対応し、クライアントを紐づけることができる。そしてプロジェクトにはタスク、バグ、マイルストーンを登録する。また請求書作成の機能があり、時間単位などの請求が可能だ。 さらにタイムトラッキング機能があり、作業ごとに時
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
