MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 日本にはExcel職人と呼ばれる人たちがたくさんいます。彼らにかかればどんなドキュメントであってもExcelで作られ、多くの業務システムがExcel VBAを駆使して作られます。 今回はその最高峰とも言える、Excelで作るWebアプリケーションを紹介します。それがexcel2jsです。 excel2jsの使い方 excel2jsはExcelで作られたシートをHTML/JavaScriptにしてくれるソフトウェアです。下の画像は元ファイルになるExcelファイルです。式も埋め込まれています。 それがこんな感じにWebブラウザ上で動くようになります。 Excelで動くものになりますので、サーバサイドと連携するなどというのは難しいでしょう。しかしちょっとした計算処理を行うものであればe

Bootstrapは良いのだけれど、Bootstrapっぽさが如実に感じられるのが嫌だなぁと思っているプログラマーの方は多いはず。そこで使ってみて欲しいのがFree PixelKit Bootstrap UI Kitsです。フラットなUIでがらっと雰囲気を変えてくれること請け合いです！ 見てもらうのが一番だと思うので、まずはデモサイトから。 ということで実際に細かな部品を紹介していきたいと思います。 ベースはBootstrapながら、雰囲気が一変しているのでどこにもらしさを感じさせません。この辺りのカスタマイズ性の高さがBootstrapの良さなのかも知れませんが、全体を統一してデザインするのは相当大変な労力であろうと思われます。なお一部の部品はjQueryやjQueryプラグインを利用しています。 しかしBootstrapで制作しておけば後々流行が変わったとしてもそのテーマを取り入れてサ

これはこれで使い道がありそう。 BootstrapでWebサイトを組む機会が増えているのですが、バージョン3になってから徐々に作法が増えてきたように感じます。機能が増えるということはそれだけ覚えるべきことが増えるということです。 そうなるとシンプルに作れるという利点からはちょっと外れてくるかも知れません。そこでほぼ素のタグのままデザインができてしまうデザインテンプレートxchemaを紹介します。 各コンポーネントごとにたくさんのスクリーンショットでお届けします。 フォントの装飾。特にクラス指定がない所が特徴です。 段落。行間が良いですね。 頭だけ大きく。英語では良くある表現ですね。 引用。カラーリングに対応しているのが新しいかも。 リスト。様々な形式が用意されています。 定義リストに対応しているのが嬉しい。 アドレス。こちらもシンプルです。 アラート。alertというタグを作っています。

Pureはスタイルシート製、BSD Licenseのオープンソース・ソフトウェアです。 Webサービスのデザインテンプレートとして一躍有名になっているBootstrap。そのライバルとも言える存在、Pureが登場しました。開発元はあの米Yahooです。 様々なテンプレートが登録されています。こちらはフォーム。 ボタン。フラット系の色合いです。 メニュー。ドロップダウン付きのメニューもサポートされています。 もちろんページネーションも用意されています。 サンプルデザイン。メール風。 Pureは短縮化およびGzip圧縮して5.7KBと小さいサイズなのが特徴です。もちろんレスポンシブWebデザインをサポートしています。ガチガチなデザインテンプレートではなく、必要な場所だけをピックアップしたり、自分なりのカスタマイズが行えるのが特徴に上がっています。 MOONGIFTはこう見る Boostrapは

NotedはDropbox連携型のWebベースのノートアプリケーションです。 オンラインのメモ環境は便利だと思いつつも、データがオンライン上に保持されてしまうのが嫌…と思う方は少なくないはず。そこで使ってみて欲しいのがNotedです。 トップページです。 Dropboxでログインしました。 ノートを作っています。改行はできますが表示上は一行になってしまいます。リスト形式のみ対応です。 キーボードショートカットです。 リストの階層化に対応しています。 クリップボード機能を使ってリストを並び替えられます。 Dropboxにエクスポートしました。 こんな感じのテキストファイルなのでオフラインで編集して逆にインポートもできます。 Notedはリスト形式でアウトラインのように手軽に使えるのが魅力です。そしてコンテンツをDropboxにエクスポートできるので、オフラインでデータを編集してインポートすれ

HandsontableはjQuery製の小さな表計算風ソフトウェアです。 Webブラウザ上で表計算を行えるサービスは増えてきましたが、大抵全画面で表示されるものです。Handsontableはごく小さなグリッドをページ内部に埋め込んで使えるソフトウェアです。 こんな感じで簡易的な表が描けます。 選択したグリッドをコピーできます。 選択から入力もできます。 バリデーションや入力値の変換もできます。 行の削除やカラムの非表示などのアクションを追加します。 コンテクストメニュー。 コンテストメニューのカスタマイズも可能です。 リードオンリーなセル。 HandsontableはJSONでデータを定義します。データは編集も可能で、Ajaxを使うこともできるのでユーザビリティ高い編集画面を提供できます。ごく小さなマスタ編集を行ったりするのにぴったりではないでしょうか。 HandsontableはjQ

HTML KickStartはBootstrapライクなデザインテンプレートフレームワークです。 最近ではWebサイトのベースにBootstrapを利用することが多いのですが、今回はその類似ソフトウェアとしてHTML KickStartを紹介します。こちらもかなり高機能です。 Typography。 リストとメニュー。 メニューは階層対応。 テーブル。 ツールチップ。上下左右自在です。 アイコン。 プログラミングコード。 ボタン。 タブ。 パン屑。 グリッド。 画像。 スライドショー。 動画、地図、カレンダー。 フォーム。 入力フィールドのサイズ。 その他色々。 極力シンプルなHTML構造設計、jQuery利用、HTML5、モーダルウィンドウなどが特徴に挙がっています。唯一残念なのは現状はレスポンシブWebデザインでないことかも知れません。しかし全てのデバイスへの対応を考えないならむしろ手

TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ

Bertaはデザインの自由度が高いCMSです。データベースを使わないCMSになっています。 なんか凄いソフトウェア…。BertaはCMSですが、自由度が非常に高く、コンテンツの配置が自由にできてしまいます。その自由度の高さも相まって、デザインや写真家の方が数多く使っているようです。 まずログインします。 サイトをセットアップします。 セクションを作ります。これがメニューになります。チュートリアルのヘルプ付きで分かりやすいです。 セクションを作ったら、その内容を編集します。 これがページです。ほぼ何もありません。ここから自由にコンテンツを配置していきます。 配置する場所はX/Y軸ともに自由です。 ファイルを貼付けたりテキストを入れたりできます。 例えばこんな画像を。場所は自由に設定できます。 実際にBertaを使ったWebサイトです。ポートフォリオ的なサイトでしょうか。 こういった写真系のサ

Google Calendar Library for VBAはVBAを使ってGoogleカレンダーにスケジュール投稿を行うライブラリ。 Google Calendar Library for VBAはExcel用のフリーウェア（ソースコードは公開されている）。日本のオフィスではExcelが大活躍している。表計算としての用途はもちろん、システムデータをCSVで出力してExcel上で分析したり、帳票を作成する際にも用いられる。 サンプルファイル Excelで日程表を管理したりしている人も多いだろう。そんな方にお勧めしたいのがGoogle Calendar Library for VBAだ。Excel（に限らないが）からGoogleカレンダーへの予定追加ができるライブラリだ。 デモではExcelシートのA1〜A3に認証情報と投稿するXMLを記述してテスト関数を実行する。そうするとXMLに記述し

Send to Google DocsはGoogle Chrome用のオープンソース・ソフトウェア。Googleドキュメントがアップデートし、オフィスドキュメントに限らず任意のファイルをアップロードできるようになった。簡易的なオンラインストレージとして使える。 スクリーンショットのアップロード ストレージとしての利用であれば、どこからでも手軽にファイルをアップロードできるのが便利だ。Google Chromeを使ってWebブラウジング中、保存しておきたいファイルがあったら使えるのがSend to Google Docsだ。 Send to Google DocsはGoogle Chrome拡張であり、アドレスバーの横にアイコンが表示される。そして画像やPDFなどを表示した状態でボタンを押せば、該当URLのファイルがGoogleドキュメントにアップロードされて、完了するとGoogleドキュメ

twneruはPython製/Google App Engine用のオープンソース・ソフトウェア。Twitterが好きな方は、起きたら「起きた」と、寝る前に「寝る」とツイートする。おはようからおやすみまで、すっかりTwitterに浸った生活という訳だ。 起床、就寝をグラフ化 そんな生活に密着したTwitterだからこそ、その記録を積極的に使っていこうというのがtwneruだ。専用アカウント@twneruにキーワードをつぶやくことによって、起床・就寝管理を行うWebアプリケーションだ。 twneruで使えるコマンドは「寝る」「起きた」に加えて「○分後に寝る」といった予約、「9:30に起きた」といった時間指定、「○日は9:30に起きた」といった後からの記録方式だ。加えて自分の住んでいる地域を記録する「地域を○○に設定」も利用できる。 更新情報 後はこれらの情報をつぶやくことで、後でグラフにして