Redmine のチケット更新をデスクトップ通知する Electron アプリの作り方 - Qiita
おはようございます。こんにちは。こんばんは。お疲れ様です。お世話になっております。 さて今回は、最近流行りの Electron で作ってみたアプリについてご紹介いたします。 作ったもの メニューバーやタスクトレイに常駐して Redmine のチケットの更新を監視し、更新があればデスクトップに通知してくれるアプリです。 Mac OSX と Windows でご利用いただけます。 また、各種 OSS を利用したインストーラ作成のための環境も同梱しています。 使い方 REST API 機能を有効にする Redmine の管理画面にて REST API の機能を有効にします。 ※システム管理者権限が必要です 設定画面を開く Redmine Notifier を起動すると、メニューバーまたはタスクトレイにアイコンが表示されます。 アイコンのコンテキストメニューにて「Preferences」をクリック
💫Tumblotte 0.1.0 - みずぴー日記
💫Tumblrクライアントを作りはじめた - みずぴー日記 で書いたTumblrクライントをリリースした。 テキスト主体のブログを書きやすくすることを目指している。 そのためMarkdownのライブプレビュー機能などを実装しているが、Reblog機能などは実装していない。 機能 Tumblrへの投稿・更新 Markdownのライブプレビュー 既存の投稿記事の取得 投稿先のブログの切り替え 投稿した記事をWebブラウザで開く 前回から、基本的には変わっていない。エラー処理などをだいぶまともにした。 実装していない機能 自分があまり使わないので実装してない。必要になったら実装する。 MacOS X以外のサポート Text以外の記事 ダウンロード https://github.com/mzp/tumblotte/releases/tag/0.1.0 前回からの変更点 dmgの作成 インストール
💫Tumblrクライアントを作りはじめた - みずぴー日記
記事の投稿に特化したTumblrクライアントを作りはじめた。 レポジトリ https://github.com/mzp/tumblotte 動機 TumblrはリブログするだけのWebサービスでもなく、高機能なブログサービスでもあることに気がついた。 Markdownで書ける。 独自ドメインでの運用もできる。 複数のブログも管理できる。 テーマも多数存在する。 しかし、TumblrのWebUIは長文を書くのには向いていないので、Tumblrのクライアントを作りはじめた。 ElectronやReact.js等のJavaScriptまわりの技術にキャッチアップしたかった、という理由もある。 機能 Tumblrへの投稿・更新 Markdownのライブプレビュー 既存の投稿記事の取得 投稿先のブログの切り替え 投稿した記事をWebブラウザで開く Kobitoを意識しながら作りはじめた。 が、インタ
Electronでアプリを書く場合は、気合いと根性でXSSを発生させないようにしなければならない。 - 葉っぱ日記
そのうちもう少しきちんと書きますが、とりあえず時間がないので結論だけ書くと、タイトルが全てでElectronでアプリを書く場合は気合いと根性でXSSを発生させないようにしなければならない。 これまでWebアプリケーション上でXSSが存在したとしても、影響範囲はそのWebアプリケーションの中に留まるので、Webアプリケーションの提供側がそれを許容するのであればXSSの存在に目をつむることもできた。しかし、ElectronアプリでDOM-based XSSが一か所でも発生すると、(おそらく)確実に任意コード実行へとつながり、利用者のPCの(そのユーザー権限での)全機能が攻撃者によって利用できる。 そのため、Electronでアプリケーションを作成する開発者は気合いと根性でXSSを完全につぶさなければならない。 nodeIntegration:falseやContent-Security-Pol
React Desktop - Reactを使ってMac OSX/Windowsアプリを開発 MOONGIFT
Reactへの注目がどんどん高まっています。Webのビューライブラリという枠を越えて、React Nativeによってスマートフォンアプリ開発にも使えるようになっています。特にコンセプトであるLearn once, run everywhere（一度覚えればどこでも動く）が素晴らしい考えと言えます。 そんなReactを次のターゲットとしてデスクトップでも動くようにしたのがReact Desktopです。Mac OSX/Windowsに対応しています。 React Desktopの使い方 React Desktopのデモです。Webでも表示できるのがすごいです。 コントロールもちゃんと動きます。 そしてWindows 10でも使えます。 フォームもまさにWindows 10といった感じです。 メニューを隠すこともできます。 ElectronはHTML5を使ってデスクトップアプリを作ることがで
ElectronでWebviewの簡易ブラウザをつくってみたメモ - Qiita
Electronの基本的な挙動が知りたかったので、HTML/CSS/JavaScriptを使ってElectronで簡易ブラウザをつくってみました。 1. 制作物 URLを入力するとWebviewでロードしてくれる ただしボタンを押さないとロードしてくれないしょぼい仕様!! Open Dev Toolを押すと、Webview内のDeveloper Toolが開く セットアップ npm installの仕組みとかnpm initしてプロジェクトをつくるができる方であれば セットアップは3分ぐらいで終わると思います。簡単!! 参考 : ElectronとHTML/CSS/JavaScriptでデスクトップアプリを作ろう【入門編】 ファイル構成 Ligさんのサンプルコードを改造する形で3ファイルでつくりました。 var app = require('app'); var BrowserWindow
Photon - Electron開発者要注目のOS X風UIツールキット | ソフトアンテナ
元々GitHubのAtomエディタのために開発されたデスクトップアプリ作成用フレームワーク「Electron」。HTML/CSSといったWeb系技術を使って、クロスプラットフォームのデスクトップアプリを開発可能なため、多くの開発者の注目を集めています。 本日紹介する「Photon」は、このElectron用の便利なコンポーネントを多数収録したUIツールキットです(GitHub、Hacker News)。 ツールバー、タブ、ナビゲーション、リスト、ボタン、フォーム、テーブルといった、GUIアプリ作成に必要なさまざまなコンポーネントを、アプリケーションに素早く組み込むことができます。コンポーネントの見た目もOS X風でクールです。 以下ご紹介。 バー ヘッダーとフッターを組み込むことができます。 バーとアクション バーにボタンを設置してアクションを定義することもできまうｓ． バーとタブ タブを
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
