GraphQL Visual Editor - ビジュアルでGraphQLを設計
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました GraphQLはRESTfulに代わる、または補助する存在として注目を集めています。しかし、まだ出始めの技術だけに最適な設計手法が確立されていません。スキーマを作る作業する手作業、またはフレームワークを導入していることでしょう。 今回紹介するGraphQL Visual Editorはそんなスキーマの作成をWebブラウザ上で行い、さらにバックエンドまで作れるソフトウェアです。 GraphQL Visual Editorの使い方 設計画面です。ノードが並んでおり、それらを繋ぐことでスキーマを設計します。 追加、削除、変更できます。 例えばこれはGitHubのGraphQLのスキーマ。とても細かく定義されています。 スキーマを確認できます。 GraphQL Visual Editorは
CoreUI - Vue/Bootstrap製の管理画面UI MOONGIFT
管理画面は主に運営元が使う画面になるので、デザインへのこだわりが殆ど感じられないことが多いです。しかし運営元が使いやすい画面でないと細かい制御がしづらかったり、サービスのステータス把握が遅れたりするのではないでしょうか。 そこで使ってみたいのがCoreUIです。VueとBootstrapを使って作られた管理画面テンプレートです。 CoreUIの使い方 スクリーンショット多めで紹介します。まずはダッシュボード。このようなUIの管理画面が簡単に作れます。 ボタン。 ソーシャルボタン。 カード。 フォーム。 モーダル。 スイッチ。 テーブル。 タブ。 アイコン。Font AwesomeかSimple Line Iconsがサポートされています。 ウィジェット。 こんなウィジェットも。 チャート。 ログイン画面。 登録画面。 エラー画面。 CoreUIはVueで作られていますので、表示する際にもW
Bootstrap Admin Theme - Bootstrap3に対応した管理画面テンプレート
これは知っておいて損はないでしょう！ Bootstrapの便利な使いどころとして管理画面があります。管理画面は限られた関係者しか使いませんのでBootstrap臭がしても気にすることはありません。それなりの表示がすぐに実現できるのは使い勝手を向上します。 しかしそんな適当な範囲を超えて実用性のある管理画面を実現できるBootstrapテンプレートがBootstrap Admin Themeです。Bootstarp 3系に対応していますので最新のウィジェットもばりばり使えるでしょう。 Bootstrap Admin Themeの主なページとしては、 ログイン ダッシュボード カレンダー グラフ ボタン/アイコン WYSIWYGエディタ フォーム/ウィザード テーブル その他ウィジェット が用意されています。これだけあれば後は組み合わせるだけで（Bootstrap本来の機能も使いつつ）リッチな
Backbone-Eye·Backboneアプリを開発するならFirefoxでいこう！ MOONGIFT
これは面白い！ Webアプリを開発する際に注目を集めているフレームワークBackbone。あまり厚くない仕組みになっているので理解はしやすいのですが、それでも開発時には色々難問にぶつかることがあります。そこでDevtoolsのような開発ツールが役立ちます。 さらにそれを一歩進めてBackbone専用に特化させたのがBackbone-Eyeになります。Firebug専用のツールになっており、Firefoxに元々含まれている開発ツールでは動きませんのでご注意ください。 インストール インストールはMozilla Add-onsから行えます。Firebugも忘れずにインストールしましょう。 インストールしたらBackboneアプリケーションを開きます。 使い方 こちらはサンプルのBackboneアプリケーションです。Firebugを開きます。 Firebugを開くとBackbone-Eyeのタブ
Mac OSX/Linux用のGitリポジトリビューワー·Giggle MOONGIFT
GiggleはMac OSX/Linux用のオープンソース・ソフトウェア。Subversionでは有名なTortoiseSVNというグラフィカルクライアントソフトウェアがある。Gitではまだあそこまでの完成度ではない（特にMac OSX向けには）ということもあって、運用時にはターミナルを使っている。 X Windowを使ってMac OSXでも動く 普段のファイル追加、コミットであればターミナルからで十分だが、更新状況のチェックやログを見たいという時にはやはりGUIのフロントエンドが欲しくなる。そこで使ってみたいのがGiggleだ。GiggleはLinux向けではあるが、MacPortsでインストールが出来る。 GiggleでローカルのGitリポジトリを開ければ、その更新ログが閲覧できる。ブランチを作った時の分岐もグラフ上に描かれるので分かりやすい。特定のコミットを選べば、その時に変更が加え
Mac OSX用Gitクライアント·Gity MOONGIFT
GityはMac OSX用のオープンソース・ソフトウェア。分散化バージョン管理システムであるGitの人気は高い。サーバ集中型の場合、個々人が自由にリポジトリを操作するのは難しいが、Gitの場合はフォークしてしまえば自由にコミットできるのが魅力だ。 Mac OSX（10.6以降）用のGitクライアント だが現状、必須と呼べるレベルのクライアントソフトウェアが存在しない。Subversionがあれだけ受け入れられたのはTortoiseSVNによるところが大きい。Finder連携型ではないけれども使い勝手の良いGitクライアントとしてGityを紹介しよう。 GityはGit操作に関して一通りの作業ができるクライアントソフトウェアだ。リポジトリの閲覧に加えてブランチを一覧したり、追加することもできる。タグやサブモジュールの追加も可能だ。差分の閲覧やコミット、Push、Pullなどの操作もできるので
あのJaikuがGoogle App Engineへ＆オープンソース化！·JaikuEngine MOONGIFT
Jaikuというサービスは、twitterが流行りだした頃に出てきた類似サービスで、2007年10月にGoogleにより買収された。その後、twitterのユーザ数増加は続いたが、Jaikuは思ったほど伸びなかったようで、2009年1月に開発打ち切りが発表された。 機能自体はtwitterよりも多い だがサービスを停止する訳ではなく、Google App Engineへの移行までは継続され、先日実現した。と同時にオープンソース化もなされた。 今回紹介するオープンソース・ソフトウェアはJaikuEngine、Jaikuのオープンソース版だ。 JaikuEngineはGoogle App Engineに移行したJaikuをベースにしている。そのため開発言語はPythonだ。SDKの問題か、そのままローカルでは動作せず（修正をすれば可能）、またはappspot.comにデプロイすると動作する。
他社向けの提出資料としても使えるレベルのプロトタイプ作成＆プロジェクト管理·Serena Prototype Composer MOONGIFT
受託開発におけるプロジェクト管理というと、開発会社側で管理すべき項目に対して有効なものが多い。そのため、開発案件が終わるとあまりメンテナンスはされなくなる。さらに開発プロセスの管理に限るので、実際の納品物とは乖離することがある。 WebサイトもWindowsアプリケーションプロトタイプも作成できる だがそれでは勿体ない。開発のはじまりから終了、そしてその先まで全体を見られる管理ツールがあると便利だ。そう考えたことのある方はSerena Prototype Composerを導入しよう。 Serena Prototype ComposerはWindows向けのフリーウェアで、プロジェクト管理のみならずプロトタイプやワークフローの管理まで行えるプロジェクト管理ソフトウェアだ。 Serena Prototype Composerは特にWebシステムに限ったものではないようだ。プロトタイプ作成では
MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
MOONGIFT: » Firefox上のマッシュアップ開発環境「Open Mashup Studio」:オープンソースを毎日紹介
マッシュアップに興味はあっても、複雑なプログラムを組んだり、それをアップロードする場所を考えると意気消沈してしまう。手間なく作れて、すぐに公開できるとしたら、アイディアをベースにもっとマッシュアップは増えていくかもしれない。 グラフィカルに画面を設計 マッシュアップを作るのに、ブラウザベースであるのは理にかなっている。インターネットが必須のWeb APIだけに、ブラウザ上で開発できれば効率的にできるかも知れない。 今回紹介するオープンソース・ソフトウェアはOpen Mashup Studio、マッシュアップを開発するためのFirefoxアドオンだ。 Firefoxアドオンだと思って、油断してはいけない。Open Mashup Studioは想像以上にすごい。テキストボックス、ボタン、ラジオボタンといったHTMLコンポーネントや、画像のスライドショー、マップなどをグラフィカルに配置できる。
MOONGIFT: » ブラウザをターミナルから操作して自動テストを実現「Firewatir」:オープンソースを毎日紹介
Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。 自動操作中 そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。 今回紹介するオープンソース・ソフトウェアはFirewatir、Firefoxを自動操作するソフトウェアだ。 FirewatirはIEをRubyを使って自動操作するソフトウェア、WatirのFirefox板とでも言うべきソフトウェアだ。実際、読み込むファイル等は違えども全体的な操作はWatirと同じスクリプトで動作する。 操作中のターミナル 実際の使い方はFirewatirの提供するXPIをFirefoxにインストールし、JSSHを起動する。そしてGemを使ってFirewatirをイン
MOONGIFT: » JavaScriptの開発のお供に「newjs」:オープンソースを毎日紹介
RailsがあるからRubyをやる、という訳ではないだろうがRailsからRubyに入ったという人は数多い。そうした人にとって、コントローラやモデル、テストケースまで生成できるコマンドラインツールは非常に便利に感じることだろう。 同様の手法をJavaScriptでも活かそうというのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはnewjs、JavaScriptの開発、テスト環境構築ソフトウェアだ。 newjsはgemからインストールできる。そしてnewjsコマンドで必要なファイルを一気に生成してくれる。そしてテストケースも生成してくれるので、開発からテストと言った流れがスムーズになる。 サーバなどは特にないようで、生成されたHTMLファイルをブラウザで開いてUnitTestを実行する。他にも作成したファイルをRubyForgeへアップロードする機能や、Webサイト（ind
MOONGIFT: » ことえりからの脱却「MacUIM」:オープンソースを毎日紹介
Mac OSXをしばらく使っていると分かってくることに、標準の日本語入力システムであることえりの××さ加減である。誤変換もさることながら、前後の脈絡も察してくれない、いわば空気の読めなさ具合は素晴らしいものがある。 それでも漢字TalkやMac OS8/9時代に比べれば改善したという話もあるが、今はベースがUnix。他の古参の入力システムに乗り換えることだってできるのだ。さあ、ことえりから脱出しよう。 今回紹介するオープンソース・ソフトウェアはMacUIM、Mac OSXで様々な入力システムを選択可能にしてくれるソフトウェアだ。 MacUIMはUIMのMac OSX版だ。Cocoa/Carbonアプリケーションにのみ対応になるが、素晴らしいのはインストーラー一つで様々な入力システムも同時にインストールしてくれる点だ。 インストールすると、システム環境設定の言語環境の一つとしてMacUIMが
MOONGIFT: » ついに登場！CSSフレームワーク「Blueprint」:オープンソースを毎日紹介
誰かがきっと作ってくれると思っていた。 prototype.jsのようなライブラリを利用するのは、便利な機能が多いという事もあるが、各ブラウザ間での相違を吸収してくれるという点も大きい。 その点において、CSSもまた各ブラウザ間での表示の差異が大きい。そこで試してみたいのがこれだ。 今回紹介するオープンソース・ソフトウェアはBlueprint、ブラウザ間の描画差異を吸収して簡単にマルチカラムを実現してくれるCSSライブラリだ。 Blueprintはヘッダ、コンテンツ、サイドバー、フッターのようなテンプレートをクラス指定するだけで簡単に作成できる。デフォルトのフォーマットはリセットされているので、ブラウザ間の違いが出るマージンやパディングの差異も吸収してくれている。 また、印刷時のCSSも用意されている。これを使えば印刷時やプリンタ経由でのPDF作成時に綺麗なものが仕上がるようになる。今後の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
