LiveDiagはMac OSX用のオープンソース・ソフトウェア（BSD License）です。 Markdownは普及したテキスト記法になっていますが、物足りないと感じることも多いのではないでしょうか。有志による拡張もされていますが、今回はMarkdownエディタにブロック図生成機能を追加したLiveDiagを紹介します。 メイン画面です。左側がエディタ部、右側がプレビューになります。実際にブロック図を表示するためにはblockdiagなどをインストールする必要があります。 ブロック図の例。波括弧でくくられた部分が変換されています。 シーケンス図。より複雑な描画もできます。 アクティビティ図。システムとユーザの関係性などを表現するのに最適です。 ネットワーク図。ブロックで表される簡単な図ですが、構成を表現するなら十分でしょう。 LiveDiagでは波括弧＋図の種類を指定することで各ソフト
Reactへの注目がどんどん高まっています。Webのビューライブラリという枠を越えて、React Nativeによってスマートフォンアプリ開発にも使えるようになっています。特にコンセプトであるLearn once, run everywhere（一度覚えればどこでも動く）が素晴らしい考えと言えます。 そんなReactを次のターゲットとしてデスクトップでも動くようにしたのがReact Desktopです。Mac OSX/Windowsに対応しています。 React Desktopの使い方 React Desktopのデモです。Webでも表示できるのがすごいです。 コントロールもちゃんと動きます。 そしてWindows 10でも使えます。 フォームもまさにWindows 10といった感じです。 メニューを隠すこともできます。 ElectronはHTML5を使ってデスクトップアプリを作ることがで
Webの世界ではいつでもセキュリティが問題になります。もしデータベースにパスワードをつけていたとしても、そのパスワードが漏れたら終わりというのでは危険です。そのためパスワード管理サービスなどではユーザが指定するキーを使って暗号化しておくことでサービス事業者も元データが分からないようにしています。 今回紹介するCryptonはそんなクライアントサイドでの暗号化、復号化を実現するフレームワークになります。あのファイル共有サービス、Mega.comで使われていたもののようです。 Cryptonの使い方 最初にユーザ登録&ログインをします。 こちらはチャットのデモです。 ブログのデモもあります。 技術要素としてはPostgreSQLとRedisを組み合わせています。そしてデータを暗号化してサーバに入れておくため、サーバからもデータが何なのか分からない状態になります。用途は限られると思いますが面白い
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Web上で様々な作業を行えるようになったことで、UIに求められる多様性も増しています。特に面倒だと感じるのは時間関係ではないでしょうか。カレンダー、ウィークリー、デイリーなどいずれにおいても時間に合わせた表示、処理は大変です。 そこで様々なライブラリを知っておくことでいざとなった時に役立ちます。今回は横型のスケジュール選択ライブラリschedulerjsを紹介します。 schedulerjsの使い方 schedulerjsの初期表示です。 薄いブルーのエリアはドラッグしたり、端をドラッグして枠の幅を増減できます。 実際に操作しているところです。 実際の描画は予定を配列で渡すだけです。 var list = [ { 'name': 'Chewbacca', 'appointments
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 新しいXcodeにはPlayGroundという機能が追加されています。これを使えばGUIを組むことなく、手軽にSwiftのコードを実行し、結果を確認できます。アプリのテストコードであったり、ちょっとした構文をテストするのに便利です。 そんなコンソールで実行できる環境は便利だと思います。そこでPythonにも同じような環境を提供するPineappleを使ってみましょう。 Pineappleの使い方 PineappleはPythonのコードを書いてその場で実行できる環境です。 計算式をその場で評価させることができます。 さらに式を書いて実行もできます。エラーがあればちゃんとエラーメッセージも出ます。 Pineappleでは入力しているコードだけを実行したり、これまで書いたコードをまとめ
システムやワークフローを分かりやすく説明する際にフローチャートを使うことがあります。特に業務システムなど、多数のシステムが複雑に組み合わさって処理が実行される場合、きちんと可視化されているかどうかで結果が大きく変わる可能性があります。 Excelで仕様書を書いているとExcel上で完結しそうです。しかしこれでは検索性やメンテナンス性がよくありません。そこで仕様書をMarkdownやHTMLで書いているならばflowchart.jsを使ってみましょう。 flowchart.jsの使い方 flowchart.jsのデモです。専用の記述方法に沿って書くことで、右側のようなフローチャートが生成されます。URLがあるところはクリッカブルになっています。 さらにカラーリングの指定もできたり、縦ではなく横に広がっていく形にもできます。 flowchart.jsはSVGで生成しているのがポイントで、元文書
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました ここ数年のハードウェアやIoTブームがあり、電子や電気系に注目が集まっています。抵抗や電源、スイッチなどを使って回路を組み立てて自分の思ったとおりの動きを得られた時のうれしさはとても大きいでしょう。 それらの部品を買ってきても良いですが、まずはシミュレータで確認するのが良いでしょう。今回はWebブラウザ上で回路設計を行えるCircuitJS1を紹介します。 CircuitJS1の使い方 ごくごく簡単な回路。コンデンサ、抵抗、スイッチなどが並んでいます。 電気の流れる方向に動いています。 実際に動かしてみたところ。電気の流れが分かるでしょうか。 こんな複雑な回路や、 より実践的な回路もデモで用意されています。 CircuitJS1は元々用意されているものだけでなく、自分で回路図を作成
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました tailはターミナルの画面で見るのが基本です。そのため、二つのファイルを監視しようと思うと二つのウィンドウまたはタブを開いておく必要があります。これは以外と面倒です。 そこで使ってみたいのがrtailです。rtailがtailの情報を集約し、ブラウザの画面で確認できるようにします。 rtailの使い方 rtailはrtail-serverとrtailの2つのコマンドに分かれています。まずtailの出力をそのままrtailコマンドに渡します。 $ tail -f /var/log/messages | rtail もう一つはサーバで、これはそのまま実行しておけば8888/9999番ポートでサーバが立ち上がります。8888はWebブラウザ用、9999はrtailクライアント用になります
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました いかなるソフトウェアであってもバグはつきものです。バグがなかったとしてもそれは単に見つからなかったり大きな問題につながらないだけで、いつかは露見することになります。 Facebookが作ったInferはそんなプログラミングコードを静的に解析するソフトウェアで、アプリのバグをいち早く発見するためのツールになります。 Inferの使い方 例えば以下のようなコードがあります。これはjavacでコンパイルできるコードです。 // Hello.java class Hello { int test() { String s = null; return s.length(); } } これをInferにかけるとエラーが表示されます。 $ infer -- javac Hello.java H
Bootstrapの登場によってフロントエンドの開発がとても簡単にできるようになっています。Bootstrap以外でもたくさんのフレームワークがあります。それらを使いこなすことでUIの組み立てが高速化しています。 Schema UI Frontend Frameworkもその一つです。Webアプリケーションのプロトタイプはもちろん、そのままプロダクションにするまで一気通貫に高速化してくれるUIフレームワークです。 Schema UI Frontend Frameworkの使い方 スクリーンショット多めで紹介します。 グリッド。オフセット対応です。 グリッドのネストも可能。 リンク、水平線、リスト。 ヘッダー。 カラーリング。 ページネーション。 枠のないページネーション。 ナビゲーション。 リストグループ。 ヘッダーつけたり枠線を消したり。 テーブル。 ストライプ。 フォーム。 アラート系
DocsDoctorのコンセプトはかなり刺激的です。「良いプログラマーはドキュメントを読む。優れたプログラマーはドキュメントを書く」…どうでしょう、格好良いですよね。 ということでDocsDoctorはオープンソースのプロジェクトに対してドキュメントがない部分を洗い出し、参加を促します。ドキュメントが充実すればプロジェクト全体の品質も高まることでしょう。 DocsDoctorの使い方 こちらはトップページ。 Railsであってもドキュメントがないメソッドはたくさんあります。 例えばこのメソッド。参加の仕方、編集の仕方も書かれています。 該当コード部分にジャンプもできます。 DocsDoctorはAPIドキュメントを書くシステムになります。そのためメソッドの上にJavaDocやRDocなどの形式で書くようになるでしょう。小さなメソッドだから…と放っておくとDocsDoctorが見つけてくれる
各種プログラミング言語ではGUIアプリケーションを開発するための機能が提供されています。その多くはGtkを使っていたりするのですが、それを使ってアプリケーションがどんどん作られているという話は聞かれません。 しかしnode-webkitのような存在はサーバサイドのスクリプト言語にとって強力な後押しになるかも知れません。同様の組み合わせをPHPで実現するのがnightrainです。 nightrainの使い方 Mac OSXアプリの例。.appとして提供されています。 アプリの内容。index.phpが呼ばれるようになっています。 nightrainはPHP/HTML/JavaScript/CSSをアプリのガワでラッピングするソフトウェアです。Windows/Mac OSX/Linux向けにバイナリを提供します。PHPの実行エンジンとHTTPサーバを内包し、Web技術だけで作れるようになって
ここ数年フロントエンドフレームワークが熱いです。Bootstrap、Zurb Foundationをはじめ、多種多様なフロントエンドフレームワークが登場しています。プログラマにとっては便利な反面、意外とデザイナーには好まれていないのではないでしょうか。 作法に則って記述している分には良いのですが、ちょっとでも逸脱しようとするととたんに面倒になるものが多い印象があります。その半分も機能は使われないフロントエンドフレームワークを止めて、Concise.CSSを使ってみてはいかがでしょう。 Concise.CSSの使い方 まずはConcise.CSSで作られたサイトのサンプルから。 テキストベースでもちゃんと作り込めるのが良いですね。 スクロール系のページ構成です。 ここから画面要素についてみていきます。 グリッド。 ヘッダー。 小さい文字や斜体。 引用。 住所。 文字寄せ。 背景色。 階層対応
Webシステムで画像や動画、ファイルのアップロード先としてAmazon S3を利用しているケースは多いかと思います。従来、アップロード処理はサーバを経由して転送する必要がありましたが、今はブラウザから直接S3へ保存できるようになっています。 とはいえトークンの生成など必要な処理が幾つかありますが、それらに加えてレジューム機能まで提供してくれるアップローダーサンプルがEvaporateJSです。 EvaporateJSの使い方 まず最初にAmazon S3の管理画面にてCORS（Cross-Origin Resource Sharing）設定を行う必要があります。 こちらがEvaporateJSの画面。ファイルを指定します。 小さいファイルであれば一瞬にしてアップロードされます。サーバはトークン生成を行っていますが、ファイルの送信はJavaScriptから直接行っています。 サーバ側のログ。
最近はトップページにスライド表示を行うWebサイトが増えています。そのため、単に表示しただけではインパクトがなくなってきてユーザの目に留まることが減ってしまっています。求められるのはさらなる変化です。 そこで紹介したいのがFour Boxes Slideshowです。スライド表示の切り替えにボックスを使ったダイナミックなアニメーションを実現しています。 Four Boxes Slideshowの使い方 左右にあるリンクをクリックしてスライドを切り替えます。 後は動画で見てもらうのが分かりやすいでしょう。 一つの画像が4つに分かれてアニメーションしながら切り替わっていきます。このとき、単に1つの画像を表示しているのではなく、1つの画像を4つに分割して表示し、それぞれにアニメーションしてるのがポイントと言えます。 HTML上は <div class="panel"><img src="img/
地図コンテンツはいつも根強い人気があります。しかし意外と作るのは面倒だったりします。地図は色々なプロバイダーから提供されていますが、その上にマーカーを立てたり、四角く囲んだりするのは面倒です。 それをビジュアル的にできるのがgeojson.ioです。最終的にGeoJSONファイルを生成してくれるマップエディターです。 geojson.ioの使い方 マーカーを立ててみます。説明も追加できます。 さらにポリゴン。こちらもマウスで自由に書けます。 結果はGitHubやGist、GeoJSONで出力できます。GistやGitHubであればこんな感じに格好よく表示できます。 その他TopoJSON、CSV、KML、Shapefileでも出力できます。GeoJSONを使えば他のシステムとの連携も容易です。生成されたファイルをテンプレートに、システムから出力してもいいでしょう。色々な使い道が考えられそう
最近はカレンダーというとWebアプリケーションで提供するケースが多いように思いますが、今回はGUIアプリケーションを紹介します。しかもJava製とあって、Windows/Mac OSX/Linuxとマルチプラットフォームで動作します。 Raplaは単独のクライアントアプリとしての動作も、サーバモードとして立ち上げて他のRaplaから接続することもできます。カレンダーサーバとして社内で共有するのも良さそうです。 Raplaの使い方 メイン画面です。左側に種別、右側がカレンダー表示になっています。 マウスのドラッグで時間の幅が指定できます。 イベントを作成します。 Java製だからでしょうか…ちょっと表示が残念な感じです。 エクスポートはCSVまたはiCalでできます。 設定画面です。 デイビュー。一日だけのスケジュールが確認できます。 アポイントメント。予定だけをリストアップします。 マンス
おお、これは企業で使えそうですよ！ 企業によっては外部にソースコードを預けられないため、自社でGitサーバを構えているところも多いでしょう。しかしそうなると管理画面が欲しくなります。GitHubの管理画面は優秀で、ああいったWebブラウザ上でリポジトリの情報を見たいと思うはずです。 そこで使ってみて欲しいのがGitonomyです。デザインの格好いい、Gitリポジトリマネージャです。 Gitonomyの使い方 GitonomyはPHP + Symfonyの組み合わせで作られていて、Webブラウザ上でGitリポジトリの操作が一通りできるようになっています。ユーザはプロジェクト単位にグループに入り、そこで権限管理される仕組みです。 ソーシャル機能はありませんが、企業ユースであれば十分ではないでしょうか。社内でGitサーバを立てている場合はぜひ導入を検討してみてください。 GitonomyはPHP
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 大型のプロジェクトで役立ちそうです。 オープンソースのプロジェクトにおいてpull requestを送ってそれが取り込まれたとすれば、こんな嬉しいことはないでしょう。しかしせっかく送ったパッチが全く取り込まれずに放置されることもあります。 理由は幾つかありますが、その一つに自動テストが通っていない場合や質問に対して回答していない場合があります。それに気付かないのは勿体ない、そう気付かせてくれるのがGithub Pull Request Triageです。 Github Pull Request Triageの使い方 Github Pull Request Triageは任意のGitHubプロジェクトに対して利用できます。 時計のマークはJenkinsによるテストがスケジューリングさ
BaïkalはPHP製、GPL v3のオープンソース・ソフトウェアです。 社内での情報共有の基礎になるのがスケジュールやアドレス帳の共有です。外部サービスを使っても良いですが、社内でCalDAV/CardDAVサーバを立ち上げるならば採用したいのがBaïkalです。 インストールを開始します。ウィザードに沿って進めていくのみです。データベースはMySQLの他、SQLiteも選択できます。 ダッシュボードです。まずユーザを追加します。 格好いいUIでツールチップも表示されてとても入力しやすいです。 ユーザに紐づいたカレンダーが自動的に生成されます。 こちらはアドレス帳です。 Webベースの管理画面も備わっていますが、基本的な利用は全てクライアントソフトウェアから行います。iPhoneやMac OSX、Thunderbird、Androidなどの多様なデバイスがCalDAV/CardDAVをサ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
