GAS 家計簿 - Google Apps ScriptとVueで作られたWeb家計簿
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました IT技術の発展はめざましく、日々新しい技術が登場しています。例えばサーバレス、VueやReactの仮想DOM、ちょっと前であればRESTful APIなどがあります。それらを漏れなくキャッチアップするのは大変です。 今回紹介するGAS 家計簿はサーバレスにGAS（Google Apps Script）を使って家計簿Webアプリケーションを作るハンズオンを兼ねたソフトウェアです。 GAS 家計簿の使い方 デモです。動作しているのはGitHub Pagesです。サーバの管理が不要ですね。 データの追加用モーダルウィンドウ。フロントエンドはVueを使っています。 設定画面です。データはGoogle Apps Scriptを使ってGoogleスプレッドシートに保存されています。 GAS 家
業務で使えるオープンソース（110）·AWS MOONGIFT
今回のテーマはAWS（Amazon Web Services）です。AWSの代名詞とも言えるAmazon EC2が登場したのが2006年ということで、既に8年近くが経っているのですが古びれることなく常に先端を走っています。さらに言えば他社を突き放す勢いですらあります。 そこで今回はAWSの魅力と、その魅力をさらに引き出す関連オープンソース・ソフトウェアを紹介します。 低価格 ホスティングとして見れば圧倒的に低価格という訳ではありませんが、一時的なリソース確保やいわゆるクラウド的な使い方（随時立ち上げて使い終わったら落とすなど）を考えると他社と比較して低価格です。さらにすごいのは定期的に価格を見直し、値下げを行っている点です。 これが他社が対抗するために値下げをし、それにAWSが反応する形であれば分かるのですが、大抵はその逆でAWSがどんどん値下げを行っているイメージです。常に他社より攻めて
ピアノロールを使ってWeb上で音楽を奏でよう·PianoRoll.js MOONGIFT
PianoRoll.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 Web上で音楽を作る方法は幾つかありますが、今回はPianoRoll.jsを紹介します。いわゆるピアノロールを使ってマルチトラックの音楽を作成できます。 Firefoxで試しています。Google Chromeでは音符部分が表示されませんでした。 音符の記号を選んで、ピアノロールに描画します。 トラックを変更してピアノ以外の音を出す事もできます。再生時には全て一斉に再生されます。 試した感じでは同じトラックの音を同時に奏でる事ができませんでした。しかし他のトラックの音は流せるので音楽の幅が広がりそうです。ぜひ創作活動に励んでください。 MOONGIFTはこう見る 何となくですがピアノロールの方が楽譜に書くよりも直感的に音楽の創作ができる気がします。幾つか適
HTML5コンテストで優勝したタスクアプリ·JDI MOONGIFT
JDIはHTML5/JavaScript製のタスクアプリです。 HTML5で何ができるのか、そんなコンセプトで行われたコンテストがHTML5 is Ready Contestです。そして見事優勝を勝ち取ったのがJDIになります。 ログイン画面です。ユーザがいない場合はまず登録を行います。 ログイン後に表示される情報です。 サンプルデータを登録しました。 左側にタスクが並んで表示されています。 タスクをクリックすると詳細が出ます。 編集もできます。 タスク詳細にある円をドラッグすると、時間の入力ができます。 タスクの追加画面です。 JDIはHTML5でできたTodoアプリです。Webブラウザベースなのでデスクトップはもちろん、スマートフォンやタブレットでも使えます。そして現在作業可能な時間を入力すると作業可能なタスクをピックアップしてすべき作業をリストアップしてくれる面白い仕組みがあります。
これでVisioを使ったネットワーク図作成からおさらば？運用まで管理できる·Prime MOONGIFT
Primeはハードウェア構成やソフトウェアも含めたネットワーク図を作成するソフトウェア。 PrimeはJava製のオープンソース・ソフトウェア。システム開発を行う際にデスクトップやルータ、サーバ等の配置を図に起こす時は多い。そういう時にドローソフトウェアとしてMS Visioを使うケースが多いのではないだろうか。他にも類似ソフトウェアはあるが、アイコンがどうも好きではなく結局Visioを使っていた。 描画中 しかしネットワーク図を描くためだけにMS Visioを購入するのではあまりにも勿体ない。デザインに優れたソフトウェアがあればそれを使えるはずだ。そこでネットワーク図を描く際にお勧めしたいのがPrimeだ。 Primeはデスクトップやサーバ、ネットワーク機器を配置してそれらを線で結んでネットワーク図を作成するソフトウェアだ。端末間の接続法をRJ45またはUSBから選べるなど芸が細かい。さ
Web上でシステムログの閲覧、監視·Clarity MOONGIFT
ClarityはRuby製のオープンソース・ソフトウェア。システムのログを見る際にはSSHを使ってサーバにログインして確認するというのが一般的だ。だが何台もあるサーバに個々にログインするのは面倒だ。社内のサーバであれば、セキュリティ的にも厳しい制限がないことも多い。 そこで使ってみたいのがWebブラウザベースで使えるログ監視ツールだ。Clarityはサーバ上で実行することでWebブラウザ上でログ閲覧を行える。監視したいログの種類も設定できるので、多数のサーバを管理する上で便利に使えるかも知れない。 モードは二つあり検索とTailになっている。検索は指定したログファイルから入力した検索ワードをチェックし、一覧で結果を表示する。Tailはまさに更新されるたびに表示が追加されるTailだ。自動スクロールを有効にすれば自動的にスクロールして表示が更新されるようになる。 背景は黒、文字は白でターミナ
お腹いっぱいになりそうなCRM·Tine 2.0 MOONGIFT
大枠で区別するならばCRMで良いとは思うが、もはやその範疇ではない気もする。社内における情報を管理するにはWebブラウザベースのオンラインで行うものの方が都合がいいことが多いが、それでも新たな問題が発生することがある。 まるでローカルアプリケーションのような品質高いインタフェース インターネット、ネットワークの必須性、ローカルアプリケーションなら簡単な機能が実装できないなどなど。しかしそれらの問題を飲み込んで咀嚼してできあがったのがTine 2.0だ。 今回紹介するオープンソース・ソフトウェアはTine 2.0、社内における情報ポータルにさえなりえるWebアプリケーションだ。 Tine 2.0の特徴は幾つもあるが、まずはそのインタフェースだろう。まるでローカルアプリケーションのようなリッチなインタフェースになっている。操作は全てAjaxを用いており、とてもスムーズだ。 アドレス帳登録画面
MOONGIFT: » ピクセルムービーという甘い誘惑「AnimPixels」:オープンソースを毎日紹介
これは面白すぎる！ ドット絵はファミコン時代から存在し、ポリゴンが主流の現代だからこそその手作り感がファミコン世代の人たちに好評だ。これだけ3Dが氾濫している現在こそ、原点回帰してみよう。 これを使えばあなただけのピクセルムービーが簡単に作ることができる。 今回紹介するフリーウェアはAnimPixels、ピクセルムービーメーカーだ。 ピクセルムービーは、昔なつかつのドット絵が使われた動画だ。何となくファミコンのような雰囲気が漂う。人や車、動物などを配置したり、家や道路を作ることもできる。シムシティのような感じだ。 そして、各オブジェクトはFlashのような感じにタイムラインを作ることで動かすことも可能だ。そして吹き出しを表示すれば会話している様子を作ることもできる。カメラの位置を変更したりすれば、まるでファミコンの初期デモムービーのようだ。 出来上がった動画はAVIでの出力、またはＧＩＦア
MOONGIFT: » 絶対お勧め！JavaScriptでテーブルソート「Table Sorter」:オープンソースを毎日紹介
Web開発の現場において、データの並べ替え機能の要望は良く出る話だ。開発がある程度終わった段階で言われたりするとショックを受ける事もある。検索条件をパラメータで引き継いで、ページ番号も…なんて考えただけでも嫌になるだろう。 そんな経験のある、またはこれから経験するであろう方にお勧めのソフトウェアがある。これさえ使えばソート処理は怖くない。 今回紹介するオープンソース・ソフトウェアはTable Sorter、JavaScriptのみで実現するソートライブラリだ。 この手のライブラリはこれまでいくつかあったが、iframeを使ったり、表示に特定の手法が必要だったりと、そのままでは使いづらいものが多かった。Table Sorterはそれらの完成版ともいえるかも知れない。 何せ、読み込むのはJavaScriptファイル一つだけ、さらに普通のテーブルタグに対して、ヘッダ部分はtheadタグとthタグ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
