heimdalの技術ノート

IT全般、Linux、Windows、プログラミング開発など、何でもござれ

Electron

初めてelm-lang(ver0.19)を触る人を対象に分かりやすく解説してみた。 sandbox編

はじめに 準備 環境 使い方 Elmアーキテクチャ sandbox element document application 解説 必要なものをインポート main構成 モデル 初期化 更新 type Msg update 表示 まとめ はじめに Elmは面白い。関数型の独特な雰囲気を持ち、変数不要な不思議なコーデ…

PureScript + psc-package + Halogen + Electronでサンプルを動かす

はじめに ElmとPureScriptのそれぞれの特徴や比較など。 Elm PureScript 環境 フォルダ構成 手順 electronとpurescriptのパッケージを導入 purescriptの初期ファイル生成 psc-package.jsonのバージョンを以下に揃える 基本パッケージとhalogenパッケージをダ…

elm+electron 入門 サンプルあり

はじめに 特徴 環境 electronのインストール elmのインストール コマンド elm-repl elm-reactor elm-make elm-package パッケージ一覧 ファイル構成 サンプルの動かし方 hello worldサンプル カウンタサンプル electron特有のバグ その他サンプル まとめ は…

mithril.js v0.2.5のサンプルであるtodoを v1.0.0に書き直してみた

はじめに 環境 ソースコード 内容 まとめ はじめに mithril.jsの公式サイトにサンプルとしてtodoアプリがある。 1.0.0になってそのサンプルがなくなっていたので、独自で作り変えてみる。 なるべく公式のサンプルのソースを残したまま実装してみる。 http://…

mithril.js v1.0が出たぞ!!!ついでに変更点を紹介してみた。

はじめに 変更点 まとめ 最後に はじめに 明けましておめでとうございます。 今年もよろしくお願いいたします。 久しぶりの更新です。 表題の通り、mithril.js v1.0が遂にリリースされました。 もうワクワクが止まりません! 色々機能が増えたり、動作が変わ…

electronを使ってmithril.js 超入門 m.route編

はじめに 準備 環境 m.route パターン1 パターン2 パターン3 最後に はじめに m.routeについて、何パターンか紹介する。 準備 以前の記事からサンプルを持ってきてもいいが、 場所を用意したので、ここからダウンロードした方が早い。 https://github.com/xh…

electronを使ってmithril.js 超入門 m.prop m.withAttr編

はじめに m.propとは m.withAttrとは 準備 パターン1 パターン2 パターン3 パターン4 最後に はじめに mithril.jsのAPIの中にm.propがあるが、それを使うパターンを紹介する。 m.propとは mithril.js版のgetter/setter関数のAPIである。 変数に代入すること…

electronを使ってmithril.js 超入門

はじめに 準備 ファイルの中身 事前知識 パターン その1 説明 その2 説明 その3 説明 その4 説明 最後に はじめに heimdal.hatenablog.com 前回の記事からの続き。 mithril.jsのhelloworldのパターンを書いていく。

WindowsへのElectron導入する前後でハマったところを解決してみた その2 Sqlite3を動かす

前回の続きから はじめに 準備物 python 1. 以下のサイトより、python2系をダウンロードする。 2. インストールは特に変更せずに「次へ」を連打する。 3. 環境変数を設定する。 3.1. コマンドプロンプトを開き、以下のコマンドを実行する。 3.2. 「詳細設定…

Electron初心者のためのHelloWorld(解説あり)

はじめに 環境 ソースコード作成 package.json main.js index.html おまけ main.js index.html はじめに Electronの紹介をしたので、Hello Worldを動かすサンプルを作成してみます。 HTMLもJavascriptも始めたばかりの人が少しでもソースコードが読めるなど…

WindowsへのElectron導入する前後でハマったところを解決してみた その1

はじめに 準備物 導入 導入してハマったところ プロキシ設定 プロキシサーバが書かれているの場所 sqlite3導入 はじめに Electronというものをつい数か月前に知りました。皆さんも知ってますか? 簡単に言うとWindowsでデスクトップ用のソフトウェアを作れる…