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 家
SQLite Web - SQLiteをWebベースで管理
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発時においてSQLiteを使うケースが増えています。MySQLなどと比べても大差ない使い勝手ですし、わざわざサーバを立ち上げることなく使えるのが手軽です。O/Rマッパーを使っているならばデータベースの違いを意識することもないでしょう。 そんなSQLiteにWebベースの管理画面を提供するのがSQLite Webです。コマンドラインから任意のデータベースを指定できるのが便利です。 SQLite Webの使い方 SQLite Webの実行はコマンドラインでできます。 sqlite-web /path/to/sqlite.database そうするとWebページが開いてデータベースの内容が確認できます。 データベース構造の確認。 内容の確認。 任意のSQLを実行できます。結果をJSON
GoogleドキュメントやFlickr、Picasaなどのデータをローカルと自動同期·Social Folders MOONGIFT
Social Foldersは多数のWebサービスのデータとローカルを同期するソフトウェア＋サービスです。 GoogleドキュメントやFacebook、Flickrなど様々なWebサービスにデータをアップロードしている人に朗報です。Social Foldersを使えばそれらのデータをローカルと同期してくれます。Dropbox風に使えて便利です。 インストーラーです。Windows版とMac OSX版があります。今回はMac OSX版です。 インストール実行中。 完了しました。メニューバーに常駐します。 最初にアカウントを作成します。 アカウント作成が完了しました。 次はWeb側で設定を行います。 対応サービスはこれだけあります。GoogleドキュメントやFlickr、Picasaなどと連携できます。 Facebookアカウントと紐づけます。 接続確認中です。 FacebookとInstag
HTMLコーディングの問題点を浮かび上がらせてくれるブックマーク·DiagnostiCSS MOONGIFT
DiagnostiCSSはJavaScript製のオープンソース・ソフトウェア（MIT License）です。 Webブラウザはよく出来ていて、Web標準に沿っていなくともそれっぽく表示してくれます。しかしそれに安穏としているとレガシーなブラウザなどで表示が失敗したり、意図した動作にならないことがあります。そこでDiagnostiCSSを使ってチェックしてみましょう。 MOONGIFTで実行しました。様々な枠が表示されました。 マウスオーバーで画面上部にメッセージが表示されます。例えばonclick指定の指摘です。 かなりダメなところは赤い枠になっています。 DiagnostiCSSでは問題のあるHTML要素について枠で囲むことで問題を把握しやすくしてくれます。主にインラインスタイルやイベント属性、無効なリンク、空または廃止予定の要素、必要な属性のない要素などがリストアップされます。 HT
Yahoo製、軽量なレスポンシブWebデザインフレームワーク·Pure MOONGIFT
Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは
Web上でGitの使い方をレクチャー·Learn Git Branching MOONGIFT
Learn Git BranchingはWebベースでGitの使い方を学べるソフトウェアです。 企業においてもバージョン管理にGitを利用するケースが増えてきました。しかしその機能を使いこなせていないことも多いのが事実です。そこでGitリポジトリ、特にブランチに関して学べるLearn Git Branchingを使って学習してみましょう。 トップページです。 自動的にコマンドが入力されて、右側のツリーが更新されていきます。 解決するとコミットが飛んでいきます。 ここからが本番です。 基本的にチュートリアルの通りに進んでいくのみです。 まずコミットから。 入力中は答えが見えないように隠されます。にくい演出です。 Learn Git Branchingは実際のコマンドを入力しながら、それがツリーにどういう影響を与えるかをビジュアル的に確認できます。Learn Git Branchingを通して
Google Driveを使ったオンラインコードエディタ·Neutron Drive MOONGIFT
Neutron DriveはGoogle Drive連携のコードエディタです。 Google Driveで気になるのはGoogleドキュメントと完全には連携しておらず、オンラインでのファイル編集ができないことです（一旦エクスポートしないといけないのは不便です）。そんな中注目したいのはNeutron Drive、Google Drive連携型のプログラミングコードエディタです。 インストールします。 Googleアカウントと紐づける必要があります。 Googleドライブ、ドキュメントへのアクセス権限が必要です。 メイン画面です。左側は検索とファイルツリー、右側が編集画面です。ファイルが色々とあるのでファイルツリーはお見せできませんが…。 一気に寄せて編集部を大きく出来ます。 設定ウィンドウです。 複数ファイルを開けます。 https://www.youtube.com/watch?v=Piy
ファミコンからゲームボーイ、PCエンジンまでサポートするマルチエミュレータ·BizHawk MOONGIFT
BizHawkは多数のゲーム機をサポートしたエミュレータです。 PC上で昔のゲーム機を動かす、いわゆるエミュレータは高い人気があります。BizHawkは多数のゲーム機をサポートしています。ファミコン、セガマスターシステム、SG-1000、ゲームギア、PCエンジン、SuperGrafx、TI-83、実験的なレベルとしてセガジェネシス、ゲームボーイが一つのソフトウェアで使えます。 設定です。 NESを動かしたところ。サウンドも再生されます。操作もスムーズです。 BizHawkはフルスクリーン、ジョイパッドをサポートしています。他にも速度を変化させたり、ゲーム中のセーブにも対応しています。 BizHawkはWindows用C#製のオープンソース・ソフトウェア（MIT License）です。 MOONGIFTはこう見る ゲーム機は年々進化しています。それに対して実際に儲かっているのはグリーやMob
IE6から使えるSVG/VMLを使った高機能JavaScriptグラフライブラリ·Highcharts MOONGIFT
HighchartsはSVG/VMLを使って描画するJavaScript製のグラフライブラリです。 Webサービスにおいてグラフを使うとデータのインパクトが違います。だからこそ使い勝手の良いグラフライブラリを積極的に使っていくべきです。HighchartsはSVGを基本として多様なWebブラウザに対応したグラフライブラリになります。 折れ線グラフです。 Ajaxによるデータロード対応です。 グラデーションをかけることもできます。 滑らかな曲線です。 アイコンを貼付ける例です。 プロットのみで。半透明なドットを使っています。 エリアグラフです。 マイナスの値にも対応しています。 積み上げグラフです。 棒グラフです。 左右比較型の棒グラフです。 複数のデータを並べられます。 棒グラフもマイナス値を出せます。 こんな感じの棒グラフも。 さらにドリルダウン対応です。 HTMLのテーブルからデータを
JavaScriptに便利なメソッドを盛り込んだライブラリ·mofmof.js MOONGIFT
mofmof.jsはJavaScriptを積極的に拡張したライブラリで、Number/Array/Stringに便利なメソッドを追加しています。 JavaScriptは今やWebだけでなく、様々な環境で使われるようになっています。そこで基礎になりえるライブラリとして紹介したいのがmofmof.jsです。かゆい所に手が届く、便利なメソッドがたくさん追加されています。 コード例です。コピーメソッド。 日付周りの拡張も多いです。 Hashを取り扱うメソッドも多数用意されています。 二つのHashをミックスします。 Hashからキーと値を取り出します。 Hashのキーだけを抽出します。 mapメソッドです。 実行するたびにインクリメントされるユニークな値を返します。1秒間に100万回実行したとしても285年間ユニークであり続けます。 一気に配列を生成します。 文字列を置換しつつ生成します。 検索メ
MIDIファイルを楽譜として開く。指定したパートだけ演奏も·Midi Sheet Music MOONGIFT
Midi Sheet MusicはMIDIファイルを楽譜として表示し、再生できるソフトウェア。 Midi Sheet MusicはWindows/Mac OSX/Linux用のオープンソース・ソフトウェア。音楽は世界共通で楽しめる。今はMP3が一般的になっているが、さらに遡るとMIDIがよく使われていた。映画のサントラやゲームの音楽を耳コピーして作成し、Web上で公開していた。 MIDIファイルを開いた所 そのためMIDIコンテンツはネット上に溢れている。ただ聴くだけでも楽しいが、その音楽をもっと多角的に楽しめるのがMidi Sheet Musicだ。 Midi Sheet MusicはMIDIファイルを読み込み、それを楽譜にして表示するソフトウェアだ。もちろん再生も可能で、どこを再生しているかが一目で分かるようになっている。ピッチを変更したり、演奏する楽器を変更することもできる。 演奏中
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
