Horic Design

a-blog cmsやJavaScriptなどの情報を発信しています。

Electronでa-blog cmsのチートシートアプリを作ってみた

最近巷でよく耳にするElectronでa-blog cmsのチートシートアプリを作ってみました。このアプリだけで「カスタムフィールドメーカー」「ビルトインモジュール」「タッチモジュール」「グローバル変数」「校正オプション」を参照できるので便利だと思います。

アプリのスクリーンショット

下の画像のように「カスタムフィールドメーカー」「ビルトインモジュール」「タッチモジュール」「グローバル変数」「校正オプション」の切り替えをTabで行うことができます。


ダウンロード

ダウンロードは以下のサイトから行えます。


Electronについて

ElectronとはHTMLやCSS、JavaScriptの知識だけでWindowsやMac用のアプリを作る事ができるフレームワークです。


Electronでのアプリの作成方法はこちらのQiitaを参考にしました。


アプリをテストでビルドする

npm -g install electron-prebuiltでElectronをインストールした後、electron <アプリ化したいフォルダ名>でアプリをビルドできます。

アプリを配布用にパッケージする

npm i electron-packager -gでElectronのパッケージ用のモジュールをダウンロードし、

electron-packager <パッケージ化したいディレクトリ> <アプリ名> --platform=darwin,win32 --arch=x64 --version=<ビルドするElectronのバージョン> --overwrite

で、パッケージングします。この際上のように--overwrite を書いておけば一度パッケージングしたアプリをサイドパッケージングし直す際に便利です。

今後の開発

デザイン的にまだまだなのでもう少しなんとかしたいです。あとアプリのアイコンがdefaultのままなのでこれをa-blog cmsのものに差し替えたいと思っています。
またアプリを改良したら再配布しますのでその際はお手数ですがダウンロードしなおしてください...


堀 悟大

有限会社アップルップル マークアップエンジニア。2014年高知大学理学部卒業。学生時代にHTML5のCanvas要素を使ってゲームを作っていたことでWeb全般に興味をもつ。アップルップル入社後はa-blog cmsを便利に使うための機能の実装や、HTML5の技術を使ったデジタルサイネージの実装を行う。趣味は英語。読むことも話すことも好き。

エントリーリスト

カテゴリーリスト

タグクラウド