$python --version Python 3.4.3 $python -m venv GXtunes $cd GXtunes $source ./bin/activate $pip install --upgrade pip

2018年4月25日をもちまして、 『CodeIQ』のプログラミング腕試しサービス、年収確約スカウトサービスは、 ITエンジニアのための年収確約スカウトサービス『moffers by CodeIQ』https://moffers.jp/ へ一本化いたしました。 これまで多くのITエンジニアの方に『CodeIQ』をご利用いただきまして、 改めて心より深く御礼申し上げます。 また、エンジニアのためのWebマガジン「CodeIQ MAGAZINE」は、 リクナビNEXTジャーナル( https://next.rikunabi.com/journal/ )に一部の記事の移行を予定しております。 今後は『moffers by CodeIQ』にて、 ITエンジニアの皆様のより良い転職をサポートするために、より一層努めてまいりますので、 引き続きご愛顧のほど何卒よろしくお願い申し上げます。 また、Cod

#html5jplat で発表したElectorn App の話です。

phi I'm a Game Programmer and Frontend Engineer passionate about programming education. Math / C / C++ / C# / JavaScript / HTML5 / CSS3 / Python Electron で $ ないって言われるんだけど... Electron で普通に jQuery を使おうとすると, 下記のようなエラーが表示されます. Uncaught ReferenceError: $ is not defined jQuery を上手く読み込めないわけですね. jQuery を覗いてみる この原因は jQuery の実装コードにありました. jquery.js (function( global, factory ) { if ( typeof module === "objec

環境Windowsではsqlite3がうまく動かず. 以下は、OSX el capitanで行った. electronでnpmモジュールを使うにはDオプションはsave-devと同じ. save-devはインストールしたモジュールの情報をpackage.jsonに書き足してくれるオプション.

最近あちこちでElectronを使ったアプリが出てきたり、入門記事もちらほら見かけるようになってきました。 流行りものには乗っておこうということで、Electronをちょろっと使ってみました。 Electron JavaScriptでの入門は、良質な記事がネット上に多々あるので、 ここではTypeScriptを使ってElectronアプリを作ってみたいと思います． サンプルコード一式は、以下に置いておきました。 GitHubからcloneした後、npm installしてnpm startすれば実行できます。 準備 プロジェクトの作成 electronのインストール TypeScriptコンパイラ tsconfig.jsonの作成 tsdを使って型定義ファイルを用意 tsdのインストール 型定義ファイルの取得 作ってみる ボタンを押したらalert表示するだけのサンプル エントリポイントの

Electronにはウィンドウオープン時のpreloadオプションとかexecuteJavaScript関数とかの、Javascriptを埋め込んで実行する便利機能がありますが、他のイベントと併せてこいつらはどういう順番で実行されるの？ と混乱してきたので実験してみました。 #テストプログラム main.jsからindex.htmlを開く index.htmlのpreloadオプションにpreload_index.jsを指定 index.html内にwebviewタグでwebview.htmlを読み込む webview.htmlのpreloadにpreload_webview.jsを指定 イベントが発生したら、ipcでメインプロセスにメッセージを送信し、それを表示しています。 イベントの発生順にconsole.logにメッセージが表示されるはずです。 'use strict'; const

HTML5で導入されたiframe要素のsandbox属性は、そのiframe内のコンテンツに対しJavaScriptの実行を始め様々な制約を課すことでセキュリティの向上に役立つ機能である。例えば、以下のように指定されたiframeでは、iframe内からformのsubmitなどはできるが、iframe内でのJavaScriptの実行やtarget=_blankなどによってウィンドウを開くことなどは禁止される。 <iframe sandbox="allow-forms" src="..."></iframe> sandbox属性に明示的に allow-scripts という値を指定しない限りはiframe内では直接的にはJavaScriptは実行できないが、かといってiframe内から間接的にJavaScriptを必ずしも実行させることが不可能かというとそうでもない。 sandbox属性

$ sphinx-quickstart Welcome to the Sphinx 1.3.3 quickstart utility. ... Enter the root path for documentation. > Root path for the documentation [.]: ... > Separate source and build directories (y/n) [n]: y ... > Name prefix for templates and static dir [_]: ... > Project name: hello sphinx electron > Author name(s): Daigo Sakamoto ... > Project version: 0.1 > Project release [0.1]: ... > Project

/// <reference path="typings/github-electron/github-electron.d.ts" /> const electron = require('electron'); const BrowserWindow: typeof GitHubElectron.BrowserWindow = electron.BrowserWindow; class BaseBrowserWindow { window: GitHubElectron.BrowserWindow; constructor(options: GitHubElectron.BrowserWindowOptions, url: string){ this.window = new BrowserWindow(options); this.window.loadURL(url); this.

そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。しかし、ElectronアプリでDOM-based XSSが一か所でも発生すると、(おそらく)確実に任意コード実行へとつながり、利用者のPCの(そのユーザー権限での)全機能が攻撃者によって利用できる。 そのため、Electronでアプリケーションを作成する開発者は気合いと根性でXSSを完全につぶさなければならない。 nodeIntegration:falseやContent-Security-Pol

ごきげんよう皆様、精神が壊れてしまい休職中の erukiti ですが、第2のドワンゴ Advent Calendar 2015 - Qiita の第20日目を5日ほど遅れてお送りします。遅れてすみません。 erukiti/rize-filer 今回の記事は… さて、Electronの解説記事は割と多いですが、ちゃんと使えるアプリを作るために必要な情報は色々散らばっています。そこで今回はリゼ先輩＆シャロちゃんと一緒に一つ一つそれらを見ていきましょう。ごちうさ風味の書き方ですが内容は普通にElectronの記事です。 Electronに興味があるけれどよく知らない方は 第8羽 トランスペアレントプレイング・プレイヤーストーリー (ごちうさ Advent Calendar 2015) - Qiita をまずはお読みください。Electron でちょっとした動画プレイヤーを作ってみるという記事でし

はじめに ElectronはNode.js + HTML5フロントエンドのいいとこ取りな開発が行えるのが特徴です。その分、開発環境もElectronならではの考慮・工夫が必要になります. 今回のエントリでは, Electronアプリを快適に開発するための開発環境Tipsを書いていきます. そもそも「Elecronってなんぞや？」とか「どういう風にアプリを作るの？」という方については, 手前味噌で恐縮ではありますが, Electronでアプリケーションを作ってみよう を目を通すことをオススメします. また, 今回のエントリの元として、Quramy/electron-jsx-babel-boilerplate のレポジトリが出来上がっています. React + Bable + Sass + Livereload + Platform用Packaging 入りのBoilerplateですので,

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

なぜそんなアーキテクチャになっているのか なぜChromiumがそのようなアーキテクチャを採用しているのかはドキュメントで次のように説明されています。 We use separate processes for browser tabs to protect the overall application from bugs and glitches in the rendering engine. We also restrict access from each rendering engine process to others and to the rest of the system. In some ways, this brings to web browsing the benefits that memory protection and access control b

面倒なWebプロジェクトを簡単に作成してくれるYeomanでElectronプロジェクトを作成してみました。 Yeomanとは Yeomanは主にWebプロジェクトの雛形を作成してくれるツールです。Yeomanでは様々なプロジェクトのGeneratorが公開されており必要なGeneratorをnpmでインストールできます。 Generatorの中にはプロジェクトを生成したあとにもModelやViewのファイルを作成するコマンドを持っているものもあります。 今回はelectrionで検索した中で一番GitHubでスターが多かったgenerator-electronを利用します。確認したバージョンはgenerator-electron@1.14.0になります。 Yeomanと付き合うコツ 人様が作ってくれたGeneratorを使うと、どうしても相容れない部分が生じます。いつも使っているファイル