メルカリで5000円で買った脳波計とElectronで車を動かすゲームを作る - Qiita
はじめに ある朝、目が覚めると、イーロン・マスクがSF映画も真っ青なプレゼンをしていました。なんでも脳とマシンを直接接続するデバイスを作って、私たち凡夫の脳の潜在パワーを引き出してくれるというではありませんか。この手のデバイスはBMI（Brain Machine Interface）と呼ばれ、アカデミック領域では1970年代から研究されているようです1。 2020年のうちに人間を対象に臨床実験を始めると言うイーロン・マスクの神託が実現されるかは不透明ですが、MRIを始めとする非侵襲式（＝脳みそに電極をぶっ刺さない）技術の発展を追い風に、BMIはここ十数年で飛躍的に伸びているアツアツの研究領域であるようです。 すぐにメルカリでBMIデバイスを探したところ、MindWave Mobileという簡易脳波計が5,000円で出品されていました。買いました。どうやら定価でも20,000円弱の模様です。
2018年のフロントエンドエンジニアならこの程度は知ってて当然だよな？ - Qiita
可及的速やかにReactが絶滅しますように。 以下はFront-End Developer Handbook 2018の第三部、Front-end Developer Toolsからリンクされているツールと、その簡単な紹介です。 ドキュメントツール 開発者向けドキュメント、APIリファレンス Dash 200以上のAPIリファレンス、100以上のチートシートを一括ダウンロードできる。有料、Mac用。 DevDocs 200以上のライブラリをオンラインで検索できる。無料。 Velocity 中身はDashと同じ。有料、Windows用。 Zeal Windows、Linux、MacOS用各種揃っている無料のオフラインドキュメント。 チートシート devhints.io JavaScript、CSS、Go、vim等のショートカット、書式などチートシート。字が薄くて見辛い。 SEOツール Key
Draft.js と Slate.js と CodeMirror の感想 - r7kamura - Medium
幾つかの Web サービスや Electron ベースのアプリに組み込むエディタを実装するにあたって、Draft.js、Slate.js、CodeMirror を試してきて得た情報について、個人の感想を述べる。今更感があるので、ライブラリそのものについての解説はしない。 Draft.js冒頭で挙げている三つのライブラリの中では、単純に Server-Side Rendering してもエラーを出さず、普通に動くところが良かった。単純に動かないタイプのライブラリでは、例えば React ではライフサイクルイベントのコールバックである ComponentDidMount メソッドを利用するなどして、クライアントサイドのみでエディタが描画されるように工夫しなければならない。 Draft.js でエディタのスタイルを変更するには、Decorator という、描画前の内部データを DOM 要素へと変
ElectronアプリをMac上でWindows向けにビルドする - DRYな備忘録
ゴール MacOS上で動いてるElectronアプリがある electron-packagerを使い、Mac用に.appというフォルダを作って配布できている Windowsのひとたちにも配布したい 参考 GitHub - electron-userland/electron-packager: Customize and package your Electron app with OS-specific bundles (.app, .exe, etc.) via JS or CLI No dice: ENOENT: no such file or directory, open 'resources/app/package.json' · Issue #96 · electron/windows-installer · GitHub 手順 electron-packagerを使って、ビ
英語をやっていくためのDuo3.0デスクトップアプリを作った話 - 解せぬ日記
以前、英語をやっていくためのDuo3.0アプリを作り直した話 - 解せぬ日記で書いたとおりReactNativeで作ったモバイルアプリを使ってDuo3.0をやってきたわけだけど、それをやっていると今度はデスクトップアプリが欲しくなってきた。やっぱりタイピングはそっちのほうが早く時間も節約できる。僕は普段、ArchLinuxを使ってて、仕事ではMacOSXを使っているので、気がついたらElectronを使って作ってた。Duo3.0アプリ芸人みたいな様相を呈してきたけど、僕はボキャビルがしたいだけなんだ。 成果 以下、成果になります。 vimeo.com ソースコードも置いとく。小さいのでElectronやってみたい人が雰囲気を眺めるには良いかも知れない。 github.com TL;DR Electronに関してはサンプル程度だが前に書いたこともあり、中身はJavascriptとHTMLで書
Building GUI App with Electron and Lisp
This document discusses how an electronics payment company called Pocket Change built their GUI application using Common Lisp instead of JavaScript. They used the Electron framework, which normally uses JavaScript, but modified it to use Common Lisp instead. They spawned a Common Lisp process that communicates bidirectionally with the Electron processes using JSON-RPC over WebSockets. This allows
日報をしゃべらせて聴くアプリ「Nippou Player for esa.io」を作った -
みなさん日報書いてますか。 私が所属する Misoca でも、全員が毎日日報を書いています。ただ、メンバーが増えてくると、全員の日報を読むことが地味に大変だったりします。 日報を「聴く」 しかし読みたい。 もし、音楽のように日報を聴くことができたら、聴きながら作業もできるし読む辛さもなくなるかも。というわけで、勉強がてらアプリを作ってみたので紹介します。 Nippou Player for esa.io 特徴 GitHub - hidakatsuya/nippou-player: A client for playing NIPPOU in esa.io. esa.io の日報を音声として再生することができるデスクトップアプリ Mac, Windows, Linux をサポート（ただし、Mac 以外は動作確認してない） Electron, Vue.js 2.x, Photon, Webpa
Electronで作ったデスクトップアプリとArduinoでシリアル通信して遊ぼう - Qiita
フットスイッチはメーカーによって極性が違ったり、切り替えるためのスイッチが付いているので注意。 基本的に、楽器系で使われるコードは6.3mmの標準というサイズです。 一般的に使われるイヤフォンなどは、ミニ（ミニプラグ）3.5mmのひとまわり小さいですが、 変換コネクターとかも普通に売っています。 この楽器用のフットスイッチは電子工作にも普通に扱えます。楽器用なので結構丈夫。 プラグの先端の黒い帯（絶縁体）を境目に、普通のタクトスイッチみたいな動作をさせることができます。 ジャックを使わないでこんな感じでも一応できる。 回路もDigital Buttonとほぼ同様な感じです。 フットスイッチのONとOFFをdigitalReadで取得しSerialで送信する。 const int buttonPin = 8; void setup() { pinMode(buttonPin, INPUT);
ElectronでGoogle ログイン認証をしてみる - Qiita
Electronで管理画面とか作ったりしたら、サーバー側の認証とかセキュリティとかきにしなくてええやん。 と思い最近Electronにモチベーションを震わさせています。 とは言えいくらデスクトップアプリケーションといえど、最低限のセキュリティはつけなアカンでしょ。 ということでElectronで Google google+ APIを使ってユーザー情報を取得 該当するユーザーならアプリケーションを起動 上記の事を試しに作って見た時のメモになります。 今回やること Electronアプリを起動 renderer-processからmain-processに対して認証確認を行う main-processが認証情報(google+ API plus.people.get)を確認して起動してよいユーザーか否かを判定 起動してはいけないユーザーの場合はアプリを落とす 起動していいユーザーの場合はアプ
Electronプログラミング入門 — インストールからミニブラウザ構築まで
Electronプログラミング入門 — インストールからミニブラウザ構築まで 古川陽介 Electronとは、デスクトップクライアントを作るためのフレームワークです。クロスプラットフォームで動作することをサポートしているため、Electronで作ったアプリケーションはMac、Windows、Linuxの環境でも動作します。Atomと呼ばれる GitHub社製のエディタがあります。 ElectronはAtomを作る際にフレームワークとして作られました。以前はAtomShellと呼ばれていましたが、Electronとして名前を変更し、2016年にはversion 1.0がリリースされるまでに成長しました。 ElectronはJavaScript / HTML / CSSを使ってクライアントアプリケーションを作成します。中のアーキテクチャはChromiumとNode.jsで作られており、Web開
electron-viz - GUIのGraphvizチャートエディタ&ビューワー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Graphvizを使うとノードを使ったフローチャート、クラス図をはじめ様々なチャートを画像にすることができます。ただし最初に環境を整えるのが手間であったり、dotファイルを書いた後にコマンドで変換しなければなりません。 そんな手間暇を軽減してくれるのがelectron-vizです。Electronで開発されており、GUIでGraphvizを編集できます。 electron-vizの使い方 electron-vizのメイン画面です。左側がエディタ、右側にチャートが描かれます。 例えばこのような図を描きました。オートプレビューが有効になっていれば編集した直後にチャートが描かれます。チャートの内容はGraphviz チュートリアルよりお借りしました。 二つに分かれるサンプル。 さらに複雑
Electronでゲームの設定ツール作ってみた | GREE Engineering
みなさんご無沙汰しております。ちょびえです。 最近はやりのElectronでゲームの設定ツールを作ってたので事例共有ということで記事を書いてみたいと思います。 事例共有なのであまり技術的な内容ではありませんが、少しでも皆様の参考になれば。 （免責としては、自分のチームの話なので全体としてこう、というわけではありませんのでご了承下さい） モチベーション 元々UnityEditorの機能を使って色んなツールを作っていたのですが、特定のGUI APIに依存した少し複雑なGUIツールとなるとメンテを他の人に託しづらくなってしまう問題があります。 会社として普段からWindowsやMac向けのアプリケーションを作っている、とかであれば特に問題にならないと思うのですが。どうしても弊社のようにWebサービスが主力な会社だとHTML,JavaScriptを始めとした技術が得意な人が多く、Nativeアプリ
はじめてのElectron - CLOVER🍀
フロントエンド系の勉強を進めるにあたり、どうするのがいいのかなーと思う今日この頃です。 そんな中、ちょっと気になっているElectronを試してみることにしました。 Electron | Build cross platform desktop apps with JavaScript, HTML, and CSS. Electronって何？という話ですが、こちらの記事を見るのがいいかなーと思います。 最新版で学ぶElectron入門 - HTML5でPCアプリを開発する利点と手順 - ICS MEDIA Webの技術（JavaScript、HTML5など）を使って、クロスプラットフォームで動作するデスクトップアプリケーションを作成するためのフレームワークだそうです。Chromiumを内包しているためWebの技術がそのまま使え、作成したアプリケーションを各プラットフォームで実行可能な状態に
もう保守されない画面遷移図は嫌なので、UI Flow図を簡単にマークダウンぽく書くエディタ作った - Qiita
はじめに Webサービスやアプリを企画したり、立ち上げたりする際にプロトタイピングツールや、ExcelやPowerpoint、Illustraterなどを駆使した謎のファイルで画面遷移図を描くことがある。 こういう図を元に仕様を決めて行って、サービスを作っていくのは以下の点で困る。 画面遷移図が保守されない。 書くのが非常に面倒くさい ユーザーのモチベーションの流れが追いづらく、見た目ばかりに注目してしまうものになりがち マシンリーダブル(ソフトウェアで構造を取り出せない)でない。 このような欠点があってどうにも扱いづらい。 そんなわけで、markdown風のテキストから簡単に画面遷移図を描けないかなとコンパイラを作成し、次にそれをインタラクティブに編集できるエディタを作成した。 UI Flows図について 画面遷移図的なものを書く際に、僕が個人的につかっていた表現方法として、UI Flo
ElectronなGitフロントエンド「GitKraken」を使ってみた - たけぞう瀕死ブログ
AxosoftがGitKrakenという新しいGitフロントエンドを開発しているようです。 www.gitkraken.com 最近のプロダクトらしくElectronで開発されており、NodeGitを使用しているようです。ベータテストをやっているようなので早速申し込んでみました。 メイン画面はこんな感じ。コミットグラフの見た目や操作性は非常にいい感じです。 機能はまだ不足している感はありますが、日常作業であれば問題なくこなせる程度のクオリティには達していますし、動作もなかなか軽快です。また、1ウィンドウで複数リポジトリを切り替えて扱うことができ、切り替えもプルダウンで簡単に行うことができます。 ただ、やはりGUIのGitフロントエンドには対話式でリベースする機能が欲しいところです。MacのGitクライアントで対話型のリベース機能を持っているSourceTreeは動作の重さもさることながらリ
Electronでアプリを書く場合は、気合いと根性でXSSを発生させないようにしなければならない。 - 葉っぱ日記
そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。しかし、ElectronアプリでDOM-based XSSが一か所でも発生すると、(おそらく)確実に任意コード実行へとつながり、利用者のPCの(そのユーザー権限での)全機能が攻撃者によって利用できる。 そのため、Electronでアプリケーションを作成する開発者は気合いと根性でXSSを完全につぶさなければならない。 nodeIntegration:falseやContent-Security-Pol
Seleniumの薄っすい話3:俺とElectron - Qiita
この記事はSelenium/Appium Advent Calendar 2015の3日目の記事です。 薄っすい記事も3日目です！こんにちは！ みなさんElectronやってますか！ 私はまだやってません！ がんばってね！ Electronってなに？ クロスプラットフォームなデスクトップアプリケーションの開発フレームワークです。 要はNode.jsアプリのフレームワークなので、言語はJavaScriptになります。 最近流行っています。 例えば、人気エディタのAtomとか、Slackの公式クライアントとか、あとQiitaの公式クライアントのKobitoなんかはElectronベースで作られているらしいですね。 （他の事例はawesome-electronにまとめられていますので気になるなら読んでみましょう） 細かい話はきっとElectron Advent Calendar 2015で書かれ
開発合宿のススメ - Qiita
開発合宿行ってますか？ そこのアナタ、開発合宿行ってますか？ ん、行ったことない？ 「お金がかかりそう」「一緒に行く人がいない」「何していいかわからない」 ふむふむ。まあ、初めは躊躇しますよね。しかし勿体ない。 開発合宿はプログラマだけに許された特権的娯楽なのですから。 よし、今日はそんなアナタに開発合宿がいかに素晴らしいか伝えてみましょう。 開発合宿が楽しい理由、聞いてみました。 さて、ここはとある開発合宿の一角です。 ちょっとみなさんに色々聞いて回りましょう。 何作ってますか？ 「新サービスのプロトタイプをつくってます」 ほうほう、その場でみんなに反応ももらえるし良いですよね。 サービスの内容書いちゃっていいですか？…む、ダメですか。残念。 「JINS MEME触ってみたかったので、何か作ろうかなと」 瞬きとか検出できるメガネですね。もう発売されてたんですねえ。 ちょっとワタクシにも掛
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - increments/kobito-oss: Markdown Processor built on Electron based on kobito-for-windows
Electronからクロスプラットフォーム・アプリケーションの歴史を考える
