ElectronとHTML/CSS/JavaScriptでデスクトップアプリを作ろう【入門編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お盆も終わり暑さも少し落ち着いてきたので、秋はもうすぐそこ。 こんにちは、先生です。 今回は、Electronを使ってデスクトップアプリを作る方法をご紹介します。 そもそもElectronとは？ http://electron.atom.io/ Electronというものをご存知でしょうか。 ElectronはGitHub社が開発した、デスクトップアプリを作れるクロスプラットフォーム実行環境です。オープンソースのMITライセンスなので、商用利用も無料で可能となっています。 Node.jsとHTML5で作ることができるので、フロントエンドエンジニアは新しい言語を学習することなくWindows、Mac、Linuxのアプリケーションを作成できます。 Slack、Visual Studio Code、Avocodeなど今話題のアプリケーションで使われています。 Electronの準備 Electr
気楽にECMAScript 2015したい
最近はOculus Riftとかを主にいじってるわけですけど、いわゆるHTML5も横目でウォッチしていて、たまにJavaScriptを書いたりもします。 で、今風にBabelを使って、かつわりと楽にゆるい感じでECMAScript 2015できるようにしておこうと思って、自分用のテンプレプロジェクトを作りました。Watchify＋Babelify＋BrowserSyncです。 KatsuomiK/ECMAScriptTemplate GitHubからcloneしてnpm installしてnpm run watchすればブラウザが起動して、.jsを書き換えればライブリロードがかかります。MacでもWindowsでも大丈夫のはずです。 package.jsonがこんな感じです。 { "name": "ECMAScriptTemplate", "version": "0.0.0", "desc
JavaScriptでAndroidアプリを開発！ Macでも動くAndroidScript｜Mac - 週刊アスキー
Androidアプリのプログラミング環境「AndroidScript」をご存知だろうか? 最大の特徴は、ウェブサイトやウェブアプリ開発などに用いられるJavaScript言語を採用している点にある。 JavaScriptを使いながらも、独立したAndroidアプリに近い機能や使い勝手を実現したプログラムを実装可能。JavaScript言語の学習用としても適している。現在はベータ版のため、無料で利用でき、搭載されている機能の完成度は高い。 AndroidScriptには、詳しいドキュメントと豊富なサンプルコードが付属している。これに含まれる「Alert」や「LoadText」といった単一機能のサンプルコードは、その場で動作を確認し、コピーして自分のプログラムに張り付けるといったことも可能だ。 これらのサンプルを順に試し、どのような仕組みになっているかを確かめていけば、独自のアプリを作る際に非
Mac環境でのYUI Compressorの設定覚書 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） YUI CompressorにはJavaScriptファイル等の圧縮等に大変お世話になっていますが、 今回のお話はMac一年生のわたくしがYUI Compressorを手軽に使う設定をしてみた覚え書き。 ついでに言うと、次回の記事にちょっと話が続きます。 とりあえずインストール とりあえずYUI Compressorをインストール というか、ダウンロードして好きなところに保存しましょう。 ダウンロードはこちらから。 YUI Library :: Downloads MacOSならばJavaははじめから入っているのですぐに使えます。 そんなわけで、早速テスト。 java -jar /the/path/to/yuicompressor/build/yuicompressor-2.4.6.jar foo.js > foo.min.js
PhoneGapアプリ開発のちょっとしたコツ
PhoneGapはスマートフォンにてハイブリッドアプリケーションを作成するためのフレームワークです。この記事では、PhoneGapによりワンソース・マルチユース（クロスプラットフォーム）なアプリを開発するためのコツをご紹介します。 従来まで、スマートフォンアプリの開発形態は、 ・ネイティブアプリ ・Webアプリ に大別されていました。ネイティブアプリでは端末の機能を全て活用できる一方で、クロスプラットフォーム性がありません（iOSとAndroidで別々に実装）。他方、WebアプリではWebViewを使ったり、ブラウザを使用することで、HTML5などの機能を使用します。これにより、クロスプラットフォーム性が担保されています。一方で、ネイティブ機能を利用できない、などの制約も発生していました。 PhoneGapを使用したハイブリッドアプリは、上記の２つの手法の間に存在し、次の特徴を持っています
準備が簡単。JavaScriptテストツール「Testacular」
各質問に答えていくと設定ファイルができあがります。 今回はテストフレームワークはjasmine、 ブラウザはChrome、Firefox、Safariとしています。 ※各質問の選択肢はタブで切り替えられます。 Which testing framework do you want to use ? Press tab to list possible options. Enter to move to the next question. > jasmine Do you want to capture a browser automatically ? Press tab to list possible options. Enter empty string to move to the next question. > Chrome > Firefox > Safari > Whic
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
