Vue.js + Scala.js + Electron でMac用backlogクライアントを作りました - 猫型の蓄音機は 1 分間に 45 回にゃあと鳴く
backlogというのは一般名詞のほうのbacklogではなく、ヌーラボさんのプロダクトのほうのbacklogです。 www.backlog.jp だいたい土日の2日間でできたのでよかった。 作ったやつどこにおいてあるか アプリ BackLogger-darwin-x64_v0.1.1.zip - Google ドライブ ソースコード github.com スクリーンショット タイトルの通り、Scala.jsとElectronで作られています。 なぜ Scala.js と Electron で作ったのか Scala.js がどれくらい実用的に使えるのかを知りたかった Electoron の得意なこと、苦手なことを触ってみて検証したかった というまっとうな理由と、 来年のScalaMatsuriに応募するためのネタがほしいな〜 「で？なんか偉そうに設計の話してるけど、お前はそれで何作ったの？
Electron、React Native、Cordova…Web技術でネイティブアプリ開発する方法を、アシアル田中さんに聞いた
Electron、React Native、Cordova…Web技術でネイティブアプリ開発する方法を、アシアル田中さんに聞いた 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されるHTML5 Conference 2017に登壇するエキスパートに、予定しているセッションのトピックを中心に、様々な技術的なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、アシアル株式会社 代表取締役社長の田中正裕さんです。 田中さんのセッションは「Web技術でネイティブアプリを開発する話」（ホール 14:20-15:00）です。 （現在HTML5 Conferenceは定員オーバーの状態ですが、無料イベントということもあって
Slackのステータス機能を活用するためにアプリを作った - じまろぐ
Slackのユーザーステータス、使ってますか？Slack上で絵文字+テキストによって自身の状態を示すことができる機能。 メッセンジャー系ソフトウェアの機能としては目新しいものではないが、コミュニケーションの質を向上させるポテンシャルがあるなと感じている。 リモートワークとステータス リモートでは基本のやりとりは非同期だが、たまーに同期的なコミュニケーションが必要なときに相手がどんな状態でいるのかを知りたいときがある。 自分の状態を示したいときもある。カフェで仕事してるときとか。 この状態のやりとりにSlackのステータスがうまく機能するようにできればいいのでは？と考えた。 最近移転した弊社オフィスを作業場所として使うことが多くなってきたので、オフィスに誰がいるのかを把握するのにも使えそうだな〜と思っていたところ、次のようなエントリを読んだ。 ステータス変更を自動化する polidog.jp
ローカルのPDFを全文検索するクライアント/サーバ/Electronアプリを書いた
ローカルにあるPDFを全部検索して、その結果を一覧したいことがあります。 例えば、今、js-primerという書籍を書いていて、ある用語が他の書籍ではどんな扱い/用語になっているのかを調べたいことがよくありました。 この手のアプリとしては論文管理のPapers for Macなどがありますが、検索したいだけなのに色々な機能がついていてまた、とりあえず作ってみることにしました。 searchiveというプロジェクト名にしてPDFからテキストを取り出す所やフロントエンドのElectronアプリ、PDFからテキストを取り出すのはブラウザでやるには遅いので、そこをサーバ側でやってくれる仕組みを作りました。 大体100冊ぐらいをインデックスに入れて検索していますが、数百ms以内に検索結果が出てるので意外と動くようです。 インストール Release pageからElectronアプリをダウンロードし
ReactのプロジェクトをElectron化する。 - Qiita
前書き Reactが登場したおかげで、フロント業界に革命が起きました。 Webだけでなく、アプリもReactでかける時代です。 そして、Electronの登場により、Webのアプリをそのままデスクトップ化することが可能になりました！ 今回は、Reactで作ったプロジェクトをElectron化する方法について解説して行きます。 利用技術 React v15.4.2 Electron v1.6.2 webpack v2.3.3 ReactTodo 今回は、Reactの勉強で作成したReactTodoをElectron化して デスクトップ上で動かせるようにしてゆきます。 (Semanticで作った、とてもシンプルなTodoです。) 以下からCloneできますので、よければお試しください。 https://github.com/gcmae/react-todo.git 手順 今回の、設定の肝として
Modern JavaScript概観、そしてElectronへ | さにあらず
この一か月分の学習成果を整理したリポジトリを作ったので、その成果についてまとめておく。 作ったサンプルプロジェクトだけを手軽に欲しければ、このリポジトリを clone してほしい。 taichi/js-boilerplatemaster ブランチには、ミニマムな JavaScript 開発環境がサンプルコード付きで入っているfrontend ブランチには、React/Redux/webpackなウェブアプリケーション用の開発環境が入っているデフォルトブランチにしてある electron ブランチには、frontend ブランチの内容に加えてElectronでアプリケーションを開発するための環境が入っているはじめに#最近の JavaScript について#僕は仕事として JavaScript を書いている訳ではないけども、この半年くらいの間にちょっとしたツールならいくつか作った。どちらも便利
Evolution of Electron（日本語）
（このトークは @kohei-takata が通訳しました。） 皆さんこんにちは。今日、私は、どのように Electron が生まれ、有名になっていったかについて話したいと思います。 Kohei TAKATAさんにトークの内容を翻訳してもらったので、私は日本語でこのトークを行う（おこなう）ことができます。ありがとうございます。 はじめに、自己紹介をしたいと思います。私は3つの名前を持っています。中国では、 ちょうせい と呼ばれています。アメリカでは、 Cheng Zhao と呼ばれています。これは、英語表記の名前です。しかし、日本では私の名前は ジャオ チェン になります。これは英語名のカタカナ表記になります。このように、私は同じ意味の3つの名前を持っています。 私は Electron の作者（さくしゃ）です。今は GitHub で働いています。今も Electron の開発を続けています
pdf.jsなPDFビューアアプリをElectronで作った
タイトルどおりですが、FirefoxのPDFビューアをスタンドアローン化したようなアプリを作りました。 azu/mu-pdf-viewer: PDF viewer on electron. 特徴は次の通りです。 PDF.jsベース J, Kでスクロールなどいじっています Drag and Dropをサポートしてます Install npm でインストールするか バイナリをダウンロードして使えます(OS Xのみ) https://github.com/azu/mu-pdf-viewer/releases/latest Travis CIとかでelectronを自動ビルドするのがかなり難しくなったので、自分用にOS X版のみバイナリを作ってます。 READMEにその他の環境のバイナリの作り方を書いてあります。 Usage npmでインストールした場合はCLIから起動できます。
【Electron + react + flowtype】TweetDeckライクなpixivクライアントPixivDeckをつくった - Qiita
electron + react + flowtype + styled-components + webpackでpixivのデスクトップアプリを書いた。 前半にアプリについて、後半に技術的なことを書くので、どんな技術を使ったかのみ知りたい人は前半飛ばしてください。 GitHub - akameco/PixivDeck: TweetDeck like pixiv client for desktop ダウンロードページ スクリーンショット TweetDeckライクなpixivイラストビューア スクロール(IntersectionObserverで画像の遅延読み込み) カラムの移動(react-sortable-pane bokuwebさんに感謝) タグをクリックで新しいカラムの追加 Lightbox ドロワー その他機能 検索+◯◯users入りを自動表示 履歴機能 コンテキストメニュー
ターミナル作業が爽快になるターミナルエミュレーター: HyperTerm
B! 21 0 0 0 HyperTerm はJS/HTML/CSSで作られたターミナルエミュレーターです。 プラグインを入れることによって色々な機能を持たせることが出来ます。 HyperTerm インストール 設定 HyperTerm + hyperpower その他のプラグイン その他良い所 惜しい所 まとめ HyperTerm インストール 現在はMac版のみでWindowsやLinux版は開発中、とのこと。 Macでは直接 ホームページにあるDownloadリンクからダウンロードするか、 Homebrewを使っていればCaskを使って $ brew cask install hyperterm で入ります。 追記: 2016/10/31 プロジェクトがHyperという名前になり、 アプリの名前やホームページも全てHyperTermからHyperに変更されています。 コレに伴い、Ca
Electron + WebDriver = Spectron
Introduction to Spectron; a E2E testing framework for Electron apps
Electronアプリ開発で設計に失敗した話 - Qiita
この投稿は Electron Advent Calendar 2015 の14日目の記事です。 最近、実験的にElectronを使ってOSX用のアプリケーションを開発していました。 あくまでも次に作るためのアプリケーションのための実験なので 地雷は喜んで踏みつける 技術的におもしろいことをやる 失敗しても泣かない の精神です。 ちなみに結果は見事に失敗してます。 設計 大枠として上記のような設計にしようとしていました。 主に3つのレイヤーを作り、それぞれはEventEmitterでやりとりを行います。 1. Applicationレイヤー アプリケーション全体を管理するレイヤーです。 もろもろの初期化や、Electronの独自部分（メニューとか）の操作を行います。 2. Domainレイヤー DDD的な意味のドメインレイヤーです。 ここで言うユースケースはクリーンアーキテクチャで言うユース
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React + TypeScript (+ Electron)でアプリを書き始めるときにやってること - Qiita
GitHub - kato1628/Sudachi: Sudachi is a timetable editor for daily personal scheduling.
GitHub - yue/yue: A library for creating native cross-platform GUI apps
GitHub - FormidableLabs/electron-webpack-dashboard: Electron Desktop GUI for Webpack Dashboard
GitHub - jaretburkett/electron-icon-maker: An icon generator to generate all the icon files needed for electron packaging
GitHub - mhink/react-ionize: A React renderer for building your entire Electron app
Kap - Capture your screen
ElectronでFirebaseを使ってみた（仮）
