electronTweetはじめにこんにちは。デスクトップアプリケーションを手軽に作りたいと思ったことはないでしょうか?普段Webアプリケーションを開発している場合、デスクトップアプリケーションを作ろうとすると、開発言語やライブラリがWebアプリケーションとは違うので、別な知識が必要になるのと複数のプラットフォームで動くものを作ろうとすると大変ですね。そこで、今回はWebアプリケーションのKPTBoardのJavaScriptとCSSのコードを一部流用と修正して、Electronで動かしてみました。今回はWebアプリのデスクトップクライアントアプリではなくて、単体で動くデスクトップアプリとして作ってます。複数人には対応してないです。投稿した内容は、データーベースではなくてアプリのlocalStorageに保存されます。Electronとはhttp://electron.atom.ioWebアプリケーションの技術でデスクトップアプリが作れるようになります。Mac、Windows、Linuxなどの複数のプラットフォームに対応できるものが作れます。Node.jsとChromiumベースになってます。Startに書かれているコードと同じです。document.body);WebアプリのJavaScriptを使えるようにするのに修正した点ライブラリや別ファイルの読み込み指定Node.jsで動いてるので、npmのライブラリや別ファイルを読み込む場合は指定する必要が出ます。}}electron-prebuiltElectron本体です。gulp-sassスタイルシートはSCSSで書いてるのでCSSのコードに変換するのに使ってます。gulp-babelJavaScriptはES6で書いてるので、ES5のコードを変換するのに使ってます。gulp-symnpmでjquery-uiとfont-awesomeをインストールしただけでは、アプリケーションからcssやフォントファイルを参照できなかったので、参照可能なパスへシンボリックリンクを張るために使っています。Xで動くのを作りました。ダウンロードするだけて試せます。https://github.com/f96q/kptboard-desktop/releases/download/0.0.1/KPTBoard.zip最後にElectronを使うことで、Node.jsのライブラリが使えるのと、Webアプリケーション用に書いたコードを流用できるという点がいいと思いました。宣伝DocBaseとはチームを育てるをコンセプトにした情報共有サービスです。メモという形で小さく始められる、エンジニア以外のメンバーでも使いやすい仕組み、情報をまとめて整理できる、柔軟な権限設定で様々なプロジェクトで使えるなど、積極的な情報共有と業務の効率化を実現し、チームの成長を促します。date*日本語が含まれない投稿は無視されますのでご注意ください。fax.0422-26-9781お問い合わせはこちらからどうぞ。