DBML - データベース構造用マークアップ言語
データベースはアプリケーションのコードとは別で管理されることが多いです。構造の変更をコードで書けるようになっていますが、ER図を見ようと思うと専用のツールを使ったりします。 今回は別な仕組みとしてDBMLを紹介します。データベース構造を現すのに使うマークアップ言語です。 DBMLの使い方 左側がDBMLです。右側にビジュアル化した内容が表示されています。この表示は dbdiagram.io によるものです。 右側でリレーションを変更すると、DBMLにも反映されました。 DBMLはTable、RefそしてEnumを使ってデータベース構造を表現します。作成したDBMLのファイルはSQLへの変換が可能で、逆にSQLからDBMLも作成できます。JavaScriptでオブジェクトとして読み込むこともできるので、システム連携にもよさそうです。 DBMLはJavaScript製のオープンソース・ソフトウ
Utatane - プログラミング用の日本語等幅フォント
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 日本語でプログラミングをしている時に困るのが英字と日本語のバランスです。記号や英字で幅が違ったりすると何となく気持ちが悪かったり、さらにそこに日本語まで加わるとずれが大きくなります。 そこで使ってみたいのがUtatane、プログラミング用の日本語等幅フォントです。 Utataneの使い方 Utataneの文章例。英語は日本語1文字分にきちんと収まっています。 プログラミングの中で使った場合。可読性も高く、文字幅もちょうどいいです。 UtataneはRichyからフォークしたCicaをさらにフォークして作られています。さらにUbuntu Monoとやさしさゴシック、やさしさゴシックボールド を合成と調整して作られています。様々なフォントの工夫が盛り込まれたフォントだけにプログラミング
rawson.js - JavaScriptでRAWデータを読み込み MOONGIFT
デジカメで撮影した写真は基本、JPEGで保存されます。しかし、よりカメラや写真にこだわりがある人は、JPEGの不可逆な変換を嫌い、撮影したデータをそのまま残したいと考えるものです。そのためにRAWデータが存在します。 通常、RAWデータをレタッチソフトウェアなどでJPEGに変換しますが、rawson.jsを使えばRAWデータのままWeb上で表示できます。 rawson.jsの使い方 RAWデータと言っても多様な形式があります。こちらは.NEFを表示したところです。 メタデータも確認できます。 rawson.jsが対応しているのは以下のフォーマットです。 jpeg .jpg .jpe .png .3fr .ari .arw .bay .crw .cr2 .cap .dcs .dcr .dng .drf .eip .erf .fff .iiq .k25 .kdc .mef .mos .mrw
Vue Designer - Vue.jsの表示を確認できるVisual Studio Codeプラグイン MOONGIFT
ReactやAngular、Vueなどは独自のタグを使ったWebコンポーネント型のシステムと言うこともあって、これまでのHTMLデザインの手法が通じなくなっています。デザインの確認などで苦戦している人も多いのではないでしょうか。 そこで使ってみたいのがVue Designerです。Visual Studio Codeプラグインとして動作するVueデザイン確認ツールです。 Vue Designerの使い方 エディタです。Vueファイルに対応しており、デザイナーを開くと右側にプレビューが表示されます。 もちろんリアルタイムに更新されるので、スタイルタグの内容を変えるとすぐに反映されます。 props、データの確認もできます。 Webブラウザなどで表示を確認するのも良いですが、プログラミングエディタの中に埋め込まれていることで、より確認が簡単にできるようになっています。Vue Designerを
Node.php - PHPでnodeアプリケーションを動かす MOONGIFT
PHPのレンタルサーバは数多いですが、nodeが使えるサーバはあまり多くありません。実用的なレベルでPaaSを使おうと思うとそれなりにお金もかかるでしょう。レンタルサーバでnodeを動かすのは難しいでしょうか。 その答えの一つがNode.phpです。PHPでnodeを動かす、そんな無茶なプロジェクトです。 Node.phpの使い方 インストールしているところです。 Node.phpはコマンドを使ってLinux用のnodeをバイナリダウンロードします。そして管理者モードだとnpmでライブラリのインストールもできます。そしてstartでサーバを立ち上げ、PHPとnodeを通信させるというチャレンジングなプロジェクトになっています。 執筆時点でαレベルのプロジェクトで、利用は自己責任でとなっています。試みとしては面白いですが、実用においてはご注意を。 Node.phpはPHP製のオープンソース・
これは便利！JavaScriptのエラーをログする·ErrorBoard MOONGIFT
ErrorBoardはJavaScriptのエラーを監視してログに残してくれるソフトウェアです。 システムでエラーが起きればそれをログに残して対処するというのは一般的です。しかしサーバサイドと違ってJavaScriptでのエラーは意外と放置されているのではないでしょうか。そこで使ってみたいのがErrorBoard、JavaScriptエラーのログソフトウェアです。 エラーを取得しました。 エラーの詳細です。 ソースで見てエラーが起きた場所を確認できます。 対処したらチェックします。 ErrorBoardを使えばブラウザごと、時間ごとにエラーが起きた場所をログに残せます。後はそれぞれに必要な修正を行った後、対処済と印をつけていくのみです。ブラウザやバージョンによって動かないといったケースも考えられるだけに、設置しておくと様々なケースに対する対応が出来るようになりそうです。 ErrorBoar
MOONGIFT: >> RailsにおけるMySQLのボトルネックを分析する「Palmist」:オープンソースを毎日紹介
Railsは度々遅いということが話題に上がる。Ruby自体の性能もあるだろうが、データベースを富豪的に使っているのにも原因がある。便利であるためについついデータベースを多用していたり、データの取り出しを複雑（都度集計など）にしていないだろうか。 メイン画面 個人的な経験から言えばボトルネックになりがちなのはレンダリングとデータベースだ。このデータベースの問題点を洗い出すのに便利なのが、またしてもRailsアプリケーションだ。 今回紹介するフリーウェアはPalmist、RailsのMySQL実行履歴を見るソフトウェアだ。ソースはGithubで公開されているがライセンスは明記されていなかったので注意していただきたい。 Palmistは他のRailsアプリケーションのログファイルを読み取って、それを解析して表示してくれる。コントローラ、アクション、DBへのCRUDごとにリストアップしてくれる。実
Webサイトがさくさく出来るRails CMS·Casein MOONGIFT
CaseinはRuby on Rails製のオープンソース・ソフトウェア。Webサイトを新しく開発する際の面倒に感じるのは、ユーザ画面はどうにかなっても、管理画面を作る必要があること。そして管理画面のデザインは意外とやっつけな場合が多いということだ。 ログイン画面 逆に言えばこれらの問題が解決するならばシステムを開発するのはもっと簡単になりそうだ。元々RailsはWebシステムをどんどん開発できる、便利なフレームワークではある。だがさらにCaseinを使えばもっと容易にシンプルになる。 Caseinは簡単に言えば管理画面を提供するソフトウェアだ。Railsプラグインとして動作する。モデルを作る際にCaseinを経由して作れば、管理画面にモデルをメンテナンスするためのタブを追加してくれる。CRUD操作はここから自由に行える。 ユーザ管理機能 管理画面の整ったデザインがやる気を出させる。ユーザ
MOONGIFT: » JavaScriptで実現するMVCフレームワーク「JavaScriptMVC」:オープンソースを毎日紹介
最近のフレームワークではMVCが重視されている。確かに、各要素が分かれていることで分業もしやすく、問題の切り分けもしやすくなる。こうした傾向はアプリケーションの高度化、難度が高まるにつれて需要が高まってきた。 JavaScriptMVCの説明ページ となれば、最近のWebアプリケーションで多用されるようになったJavaScriptでもこうした取り組みが必要になってくるのは間違いない。 今回紹介するオープンソース・ソフトウェアはJavaScriptMVC、JavaScriptで実装するMVCフレームワークだ。 JavaScriptMVCはリッチなWebアプリケーションを実装するためのフレームワークで、REST APIを通じて取得するモデル、クライアントサイドのビュー、イベントハンドラをかねたコントローラの三つがベースになる。 コントローラ さらにプラグイン機能や、外部ファイルを動的に取り込む
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
