Windows での Node 環境のセットアップが楽になってるな。npm install -g windows-build-tools だけで済むようになってる。もう手動で Python とかインストールしなくていいのか。 https://t.co/r9KDFUp23Z— tyru (@_tyru_) 2017年3月12日 というわけで Windows で Node.js 環境をセットアップする方法をまとめてみる（もしかして前からこれぐらい簡単だったのかもしれないけど…）。 1. Nodist をインストール Node.js を直接インストールせず、まずは Nodist をインストールする。 github.com 今だと v0.8.8 が最新だった。 2. windows-build-tools をインストール 次に管理者権限で Powershell を起動*1して、npm instal

Electronとは？ Electon は Github社がテキストエディタの Atom を作成するために作ったオープンソースのソフトウェアフレームワークです。 特徴として ・Windows, Mac OS, Linux のクロスプラットフォーム対応のデスクトップアプリを作成可能 ・HTML, CSS, JavaScript といったWebアプリケーションの技術で動く でしょうか。 非常に簡単に書けて、かつ色々な場所で柔軟に動くアプリケーションを作ることができるということで、やらない手はない！といったところです。 Electronのインストール Electronのインストールや、Qiitaの記事を参考にコードを書いても動かないといったバージョン変更で結構ハマったので、ここに手順を書いておきます 開発環境 ・OS: Mac OS X EI Capitan (10.11.5) ・パッケージマネ

2015/12/7現在　nodistはどうやらバージョンアップでインストーラーが出たようです。 nodist0.7以降のバージョンでは以下のめんどい操作は必要ありません。 Windowsからnode.jsを使いたい Windowsでnode.jsをインストールするのはnode.js公式サイト(英語)からが一番手軽。 ただし、node.jsはアップデートが非常に早いとの噂。その度に公式サイトからインストールしていたら面倒です。 そこで、できるだけ簡単にアップデートに対応できるようにnode.jsのバージョン管理が可能な nodistというツールを使ってインストールしてみます。 ちなみにmacの場合ですと、nodebrewを使うのが一般的？ですが、今回は割愛させていただきます。 nodistのインストール 1. gitをインストールし、git bashを実行 gitのインストールは公式サイトか

どうも、まさとらん（@0310lan）です。 今回は、面倒な登録手続きやトークンなどが一切不要で、今すぐ利用できる便利な「Web API」を厳選してご紹介しようと思います。 これらのAPIを使うことで、Web制作がちょっと便利になったり、独自性のあるユニークなサービスを構築できるようになるでしょう。 また、簡単に扱えることから、「Web APIを使って何か作ってみたい…」と思っている初心者の方にもオススメですよ！ ■「Web API」の使い方！ 今回ご紹介する「API」は、いずれも「JSONP」形式でデータが取得できるので、普通のJavaScriptだけで試すことが出来ます。 以下のコードを、HTMLファイルに記述するか、新規にJSファイルを作って読み込むようにしましょう。 var script = document.createElement('script'); script.src

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

intro nodebrew は バージョンアップの速い node.js を、複数バージョン管理するためのツールです。 ruby の rvm や、 python の virtualenv、 perl の perlbrew などの node.js 版と思ってもらえれば良いです。 自分はこれまで nvm を使っていたんですが、今年初めあたりから全てのマシンで nodebrew に乗り換えました。 今日はこの nodebrew を紹介します。 既存の node.js の環境管理 既存の、ものとしては nvm nave n nodeenv などがありました。 それぞれにあった問題については、過去に愚痴を書いています。 簡単にまとめると以下です。 nvm bash向けに書かれてて、zshなどと相性が悪い場合がある。 nave node へのパスを通した子shellを起動するタイプで、子shellとい

nodebrew 良いです。 久しぶりにnode触ろうとしたら、version 4 とか 5 とかになっていて なんだっけと思って調べたら、io.jsと統合されてたんですね。 知らんかった。 Node.jsとio.jsの最初の統合リリース「Node.js 4.0」が9月に登場予定 － Publickey ついでに、nodebrewどうなんだろうと思って調べていると node.js の環境管理ツール nodebrew - Block Rockin’ Codes にたどり着きました。 nvm bash向けに書かれてて、zshなどと相性が悪い場合がある。 そういえば、なんかnvmのために.bash_profileを用意していたような気がしていたのと 調べてみたら便利オプションがあったので、nvmからnodebrewに乗り換えてみました。 便利で良いです。 uninstall nvm and in

はじめに react の環境構築をしようとしたところ、npm が必要でした。 npm は Node.js のパッケージ管理ツールで ruby でいう gem みたいなものでしょうか。 ということで、今更感満載ですが、Node.js をインストールして npm コマンド実行出来るようにして、ついでに Node.js で Hello world やってみようと思います。 環境 Mac OS X Yosemite 10.10.5 git 2.5.4 nvm のインストール nvm は Node.js のバージョン管理マネージャです。 Node.js を複数バージョンインストールして簡単に切り替えできるツールです。 ruby でいう rbenv や rvm みたいなものですかね。 インストール $ git clone https://github.com/creationix/nvm.git ~/

Web applications, Android applications, and even devices running on IoT(Internet of things), all of them have one thing in common. That is, they use something called REST API, for people who don’t understand REST API, a simple way to put it would be REST API act as a “middle man” between the data stored and the website that users use. Interestingly, that’s where the term API comes from Application

stnwb.comのコンテンツページを制作するときに少しばかりJavaScriptと戯れていたのですが、わかるようなわからないようなビミョーなレベルの自分にガッカリしつつも、そういえば最近よく目にする「Node.js」はいわゆる「サーバーサイドJavaScript」だったことをふと思い出したので、Node.jsについてサラリと勉強するための記事等をピックアップしてみました。 Node.jsの公式サイト node.js 当然の如くに英語サイトなので見てもサッパリわかりませんが、ここでNode.jsをダウンロードすることになるので一応見ておきましょう。 Node.jsの開発環境を構築 いまアツいJavaScript！ゼロから始めるNode.js入門〜5分で環境構築編〜 コンテンツマーケティング的に大ブレイク中のLIGブログさんの記事です。この記事を参考にしつつNode.jsの開発環境を構築して

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

Typetalkデスクトップアプリ 先日、弊社チャットサービスTypetalkのデスクトップアプリをリリースしました。おそらくTypetalk.appのパッケージを覗いてElectronの痕跡を見つけ出した方もいらっしゃると思いますが、その通りElectronをベースに実装しています。 ElectronはHTML、JavaScript、CSSなどWebの技術を使用してデスクトップアプリを開発できます。GitHub社のAtomエディタをはじめとして、今では非常に多くのアプリがElectronベースで公開されており、実装方法についても既に多くの記事が書かれています。 ただし、正式にアプリを公開する場合には、コードサイニングなどを行うなど、考慮が必要なポイントがいくつかあります。そこで本記事では正式にElectronアプリをWindows/Mac向けにリリースするにあたって必要だった3つのことを

こんにちは、@yoheiMuneです。 今日は、生成するたびに変化する迷路をJavaScriptで作ってみたいと思います。 完成版はこちらです 今回作成した迷路は、以下のGithubにアップしています。気になった方はご参照いただけたら幸いです。 ソースコード - maze.html - maze1.js サンプルアプリケーション http://yoheim.net/work/01_maze/maze.php 迷路の作り方 迷路の作り方はいろいろとあるみたいですが、今回は比較的簡単な「棒倒し」というアルゴリズムでの迷路作成を行いました。 棒倒しの考え方については以下のサイトがわかりやすかったので、そちらをご参照ください。 - 迷路自動生成アルゴリズム 迷路の作り方（JavaScript編） 上記の内容をHTMLとJSで表現したいと思います。JavaScriptについては150行もないくらいで

そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てで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 でちょっとした動画プレイヤーを作ってみるという記事でし

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに はじめまして、安藤義裕と申します。ヤフー株式会社データ＆サイエンスソリューション統括本部ソリューション本部でプログラマーをしております。趣味はカミさんの手料理です。 機械学習で用いられるアルゴリズムの一つにニューラルネットワークがあります。ニューラルネットワークは脳細胞の働きにヒントを得て考えられたものです。今回扱う多層ニューラルネットワークはニューラルネットワークの中間層と呼ばれる部分を多層化したものです。近年話題に上ることの多い Deep Learning ではこの多層ニューラルネットワークが利用されています。 多層ニューラルネットワークは用途に応じて異なるネットワークが利用されます。画像処理では畳込みニューラルネッ