MacでElectronを始めよう その1
Electronとは
・クロスプラットフォーム型の実行フレームワークでMac、Windows、Linux上で動く
・HTML、CSS、JavaScriptなどのWebの技術で作ったものをデスクトップアプリケーション化できる
・開発元はGitHub社で安心
Electronでできているサービス
・Slack
・Atom
・Kobito
・Docker GUI
・Visual Studio Code など
Electronを始めるには
まずElectornはnodejsでできているのでnodejsのインストールが必要です。
(nodejsのインストールは こちら で)
ターミナルを開きnpmでelectronをインストールします。
上のコマンドでインストールは終わり。あっさりですね。
起動はこのコマンド。
起動するとこんな画面が表示されます
これで何ができるかというと・・・続きは次回で!
中国・深センの超絶LEDマッピング
中国・深セン高層ビルの「超絶LEDマッピング」が桁違いの壮大さとのことでtwitterのつぶやきを見てきた。
深センでの最終夜に遭遇したこの超絶LEDマッピングが発狂してた。この街は共産主義とテックベンチャーが産み落としたユートピアとなり得るのか?中国の改革開放40年を祝った記念行事で、年内毎日やってると。ビル内ではまだバリバリ働いてそう、LEDのメンテナンス作業を想うと足が震えた。 pic.twitter.com/wCCJU28KF0
— Colo Müller (@ColoColoCosmic) November 21, 2018
いやはや、、すごすぎですね。
年内なら毎日やってるみたいなので一度は見に行きたいですね!
最初はプロジェクションマッピングかな?と思ったんですけどツイートを追ってたらLEDパネルのようです。
外からの投影ではないでしょう。もしそうなら背の高いビルの上の方は暗くなるだろうし。
— aratatv (@aratatv) November 22, 2018
ここにカーテンタイプのLEDパネルを貼り付けたものという解説があります。このLED Tokyoという企業は日本の企業ですが、LEDパネル自体の製造は中国で、この企業は販売だけみたいです。https://t.co/6iaqYSL41N
ディズニーのシンデレラ城のプロジェクションマッピングで感動している自分からすると、圧倒されそう・・・
npm install のエラーで Refusing to install package with name が出た
npmでモジュールをインストールしようとしてた時に出たエラー。
npmのキャッシュを削除してみたりとか色々試してたけどうまくいかず。
よーくエラーを読んでみるとDid you name your project the same で気がつかなきゃいけなかったです。
端的に言うとモジュール名と同じ名前のプロジェクト名をつけるとダメみたいです。
エラーが出ている人はpackage.jsonの中のnameがインストールしようとしているモジュールと同じ名前ではないでしょうか?
さっさとプロジェクト名を変えてインストールしてしまいましょう。
ろくにエラーを読まずに色々試しちゃダメでしたね。反省。
らんまのマグカップですごいアイデア作品に出会った
理系の方への喜ばれそうなプレゼント
面白いものを見つけてしまいました。
理系の方には特に喜ばれそう・・・!
レビューには理系彼女への誕生日プレゼントで喜んでいただけたとのこと・・!
かくいう私も昔は無駄に円周率を覚えたもので、もらったらニヤけてしまいそうです。
そこまで値段も張らないので、理系彼女へのプレゼントでお困りの方はいかがでしょうか?
nodejsは何でも出来る!WEB待ち受け等
nodejs、皆さん使ってますか?
サーバーで動くjavascriptでリアルタイム通信で使ったりするので有名ですよね。
でも私は細かいことをするときによく使います。
便利なパッケージがたくさんあったりするので、必要な機能だけサクッと入れてさっと動かすのがとても楽。スクリプト言語なんでビルドもいらない。
ファイルの解析とかWebリクエストの結果を解析したりテストしたり。 なんでもできます。すごい簡単にWebサーバーもnodeだけで立てれます。
例えばこんな感じのコードを置いておき、実行するだけでport3000で待ち受けできます。
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('hello world');
}).listen(3000, '127.0.0.1');
↑を仮にローカル環境で実行していたらブラウザで(http://localhost:3000)にアクセス出来るようになります。
Visual Studio Codeをダウンロードして上のコードを貼り付けて実行する。これだけでいけます。
Visual Studio Code - Code Editing. Redefined
nodejsのエディタはこれがオススメ。デバッグも簡単。
ただ、非同期処理なので少し癖があるので、理解した上で使わないとドツボにはまります。。。
でもシンプルなことをするにはすごく簡単なので是非利用して見てください。
Youtube Premium を始めるならiPhone、iPadユーザは気をつけて!
Youtubeを広告なしで見れるようになるYoutube Premium。
他にも動画のダウンロードをしておいてオフライン再生や、Youtube Musicなどのバックグラウンド再生、Youtube Originalsという映画などを見れるようになるサービスなどがついてて月1180円ということ。
Youtubeをかなり利用している人がターゲットとなりそうです。
バックグラウンド再生 & Youtube Music & オフライン再生 はうまく使いこなせれば、他のサービスを喰ってしまいそうですね。
ただ、YouTube Premiumに入ろうと思ってるiPhone、iPadユーザーは要注意。
アプリからだと値段が大分違い月1550円!
ブラウザ・またはPCから購入した方がお得です。
ファミリータイプというのもあります。
自分を除く同世帯の最大5人の家族を登録できて月1780円、アプリからだと2400円。
とりあえずバックグラウンド再生はAndroidならごにょごにょすればやりようはありますが、機能としてはかなり優秀なので標準でできるのはかなり使い勝手が良さそう。