Ellinikonblue.com Weblog

　Electron があまりにもお気軽すぎて、 JavaScript のお勉強を始めています。
　こんなん作っていじいじしてます ^^ 　ただただ目的もなく JavaScript の勉強をしていても身につかないので、 マルチプラットフォームで動く 真空波動研 SuperLite みたいなのが できないものかと妄想を描いています f^^;

　で、基本的に見栄えは Bootstrap で整えて、 いきなり TypeScript には突っ込んでいかず、 ひとまず Bootstrap を使うので、 ロジック部分は jQuery で書くと決めて、 いじいじ始めました。

　ところが、通常 HTML と同様にヘッダー部分に jQuery と Bootstrap を CDN から読んでこようとすると、なぜか jQuery だけ読んで来てくれません。

　ん！？
　と思って、調べてみると、どうも Electron 側の問題で、 jQuery を使うときは、 以下のように HTML ファイルの中で jQuery をローカルから読んでやる必要があるようです。
# すみません。勉強中の身で詳細な説明できません orz

：（略）
<!-- Load Script -->
<script>
  window.$ = window.jQuery = require("./js/jquery-1.11.3.min.js"); // Load jQuery.
</script>
<!-- Load Bootstrap 3 -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
：（略）

　上記の例では、ダウンロードしてきた jQuery を、 Electron で動くプログラムがあるフォルダ以下に 「 js 」というフォルダを作成してここに解凍して読み込んでいます。

　うーん。ちょっと思いついたことをやろうとしてもすぐつまずく…前途多難 (^^;A

• Electron
• Bootstrap · The world's most popular mobile-first and responsive front-end framework.
• jQuery

Ellinikonblue.com Weblog 「 Electron を動かしてみました」