ヘッドレス Chrome スタートガイド | Blog | Chrome for Developers
要約 ヘッドレス Chrome Chrome 59 でリリースされますChrome ブラウザをヘッドレス環境で実行する方法です。 基本的に Chrome なしで Chrome をご利用いただけます。Google が提供する最新のウェブ プラットフォーム機能をすべて使用可能 をコマンドラインに追加することもできます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、自動化されたテストやサーバー環境に最適なツールです。 表示する UI シェルは不要です。たとえば、特定の環境に対する PDF を作成することも、ブラウザで URL がどのようにレンダリングされるのかを調べることもできます。 Headless（CLI）の起動 ヘッドレス モードを開始する最も簡単な方法は、Chrome バイナリを開くことです。 使用できます。Chrome 59 以降をインストールしている場合は、--headle
Electronではじめるアプリ開発 ～JavaScript/HTML/CSSでデスクトップアプリを作ろう
この本の概要 JavaScriptやHTMLといったWeb系の技術でデスクトップアプリケーションを作成でき，Atomエディタ，Slack，Visual Studio Codeなど，近年話題となったアプリケーションに利用されているElectron。本書は，インストールからアプリの開発，テスト，パッケージング，セキュリティ対策まで，ひととおりの開発の流れをまとめました。「チャットアプリ」「Markdownエディタ」「キャプチャアプリ」の作り方をとおして，はじめてアプリを開発する人にもわかりやすく解説しています。 こんな方におすすめ Electronを使ってみたい人 Webの技術でデスクトップアプリを開発したい人 第1章 Electronとは何か 1-1 Electronの概要 Column クロスプラットフォーム開発について 1-2 ElectronとWebの技術の進化 1-3 Electro
Electron + vue + neDBでプロジェクト管理ツール作成 - Qiita
昨年のあまりにも無計画な開発を省みて正月にプロジェクト管理のツールを作ることにしました。 ミニマムでコンパクトなものを目指した単体アプリです。 一部ライセンス的にまずいものを使用しているため引き剥がした後gitにアップさせて頂きます。 フレームワークと選定理由やメリット等は以下。 どれも大きなプロジェクトでは採用は見送られそうなものばかりですが パーソナルユースで小規模なものであれば使えるかと思います。 仕様について 下の説明で必要になるためザックリと仕様説明。 プロジェクトを、 プロジェクト >> プロセス >> アクティビティ >> タスク の順に階層化、詳細化します。本来タスクの下にリストがぶら下がりますが タスクまでの管理とします。 WBSをCRUDアプリケーション化したようなものです。 各項目はIPAの記載を参考にしてプロジェクト登録時自動で挿入します。 例えばプロジェクトを新規
GoogleSpeechAPIで音声をささっとテキスト化 - 初心者エンジニアが何か書く
音声をテキスト化するRESTのAPIって全然ない． 唯一GoogleSpeechAPIだけ見つかったので実装した． その方法を紹介． 手順１：SpeechAPIの利用準備 SpeechAPIは特別なGoogleのAPI．もともと非公認なAPI（今も非公認？）だけあって，利用するまでの方法が他のGoogleのAPIと少し違う． まず始めに，Chromium-devグループに加入します．加入には特に申請手続きは必要なく，簡単に登録できます． Google グループ https://console.developers.google.com/project?authuser=0 次に，GoogleConsoleを開いて，自分のプロジェクトの作成します． そしたら，GoogleSpeechAPIの利用ON，公開キー（ブラウザ）を取得します． 手順２：Webの記事を参照する 以下の記事を参照しました
Essential Electron : Electronの簡潔・平易な概要 | POSTD
Electronとは？ Electronは JavaScript、HTML、CSS を使ってデスクトップアプリケーションを作ることができる ライブラリ です。作ったアプリケーションはMac、Windows、Linuxで動かせます。 次は： なぜ重要？ 定義： JavaScript、HTML、CSS はWeb用の言語で、Webサイトの基本的な構成要素です。Chromeなどのブラウザは、コードをふだん目にするグラフィックに変えて表示します。 Electronはライブラリです Electronはコードですが、再利用でき、自分で書き起こす必要がありません。ユーザはその上にプロジェクトを構成します。 参考資料 Apps built on Electron Electron API Demos （Electronで何ができるかをみてください） なぜ重要？ 一般に、デスクトップアプリケーションは各オペレ
Electronでデスクトップアプリ開発！APIの動向を追いかける | Wantedly Engineer Blog
はじめにこんにちは！Wantedlyでエンジニアをしています、山田です。Wantedlyのグループチャット機能Syncの開発を担当しています。 Mentions Anyone can call out a member by his or her name in group chat threads to ensure they will receive notifications of high-priority conversations and tasks. File Sharing Share any file, instantly and indefinitely. With built-in file viewing capabili ElectronはJavaScriptやHTML/CSSでデスクトップアプリが作成できると知られているOSSです。Node.jsとChromiu
Electronの手習い〜Electron環境からパッケージ化まで〜 - Qiita
Electronってどういうことができるのか全く知らない状態からスタートです。 Electronとは？についての参考資料 - Electron 本家サイト - HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - Electron 1.0でデスクトップアプリ開発超入門――動作の仕組み、基本的な使い方、セキュリティの懸念点 - 本家サイトを翻訳してくれているページ発見 助かる。。 ★ 本家サイトからのデモファイルDL時に混乱したこと http://electron.atom.io/#get-started に「Downlode for mac」があったのでそれをDLして中身を確認しようとしました。 しかし、これは「Electronで開発したアプリでは、どのようなことが行えるか」がわかるappであり、期待しているソースファイルはありませんでした。 自分
「Electron」がバージョン1.0に到達。クロスプラットフォーム対応フレームワーク、AtomやVisual Studio Codeなどに採用
テキストエディタ「Atom」やVisual Studio Codeなどに使われているフレームワーク「Electron」がバージョン1.0に到達、リリースされました。 Electronはオープンソースのフレームワークで、ChromiumとNode.jsをベースにしています。Electronを用いてJavaScript／HTML5／CSSでアプリケーションを開発することで、Windows、Mac、Linuxに対応するクロスプラットフォームのアプリケーションを容易に開発できるようになっています。 アプリケーションの自動アップデートやネイティブなメニュー、通知、デバッグやプロファイリングの機能などもフレームワークに含まれています。 こうした特長を活かし、Electronを採用したアプリケーションは代表的なものだけでもテキストエディタのAtom、Slackクライアント、Visual Studio C
Webブラウザ「Vivaldi」が超絶便利すぎてChromeユーザーはさっさと乗り換えたほうがいい - Brian'z Imagination
ブログにしろダイアリーにしろブックマークにしろ、はてなにお住いの皆さんが1日にブラウザと過ごす時間は、他のかたよりそれなりに多いことと思う。 そんなブラウザ使いの貴公子たちよ、こんな経験をしたことはないだろうか。 折角書いたブログ記事が誤操作で消えてしまった。 タブを開きすぎたことにより、メモリを食い過ぎてブラウザが落ちた。 ブラウザなんて要らない、俺は念力で十分だ。 そんな迷える子羊たちにオススメなのが、今回紹介するWebブラウザ「Vivaldi」だ。 コイツは使い始めは他のブラウザと変わらない「何の変哲もないただのブラウザ」だが、カスタマイズ次第で子羊たちを弄もてあそぶ「モンスターブラウザ」と化す。 特にChromeユーザーのあなたに、声を大にして伝えたい。 今のところChromeを使い続ける理由はなさそうなので、今日から乗り換えてしまおう！ Vivaldi？そいつは食えるのか？ Vi
[Electron] 文字列カウンタのソースコードの解説 - Qiita
はじめに 先日、Electronを使って、LCCという簡単な文字列カウンタを作りました。この記事では、このアプリのソースコードについて、簡単に解説します。 Electronとは Electronとは、Web技術（Javascript + HTML + CSS）を使って、クロスプラットフォーム（Mac/Windows/Linux）なデスクトップアプリを開発できる実行環境で、ChromiumやNode.jsをベースに作られています。Electronを使ったアプリとしては、AtomエディタやVisual Studio Codeなどがあります。 開発したアプリ LCC (Lightweight Character Counter) 対応OS Mac/Windows バイナリ 以下のページからダウンロードできます。 ↓ https://github.com/cotrpepe/LCC/releases
![[Electron] 文字列カウンタのソースコードの解説 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a1fd44a35ec76fe0328d8e27738c5180edf1f3b/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCRWxlY3Ryb24lNUQlMjAlRTYlOTYlODclRTUlQUQlOTclRTUlODglOTclRTMlODIlQUIlRTMlODIlQTYlRTMlODMlQjMlRTMlODIlQkYlRTMlODElQUUlRTMlODIlQkQlRTMlODMlQkMlRTMlODIlQjklRTMlODIlQjMlRTMlODMlQkMlRTMlODMlODklRTMlODElQUUlRTglQTclQTMlRTglQUElQUMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTRhOTAwNDQ1OTM0Njk3M2NhNDFmMjI0ODBmZmQyNmM4%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBjb3RycGVwZSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NGZjNDZhOWU0OTlhMDE4NzAzMzZmODZmYzU2N2JjMGU%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3De26d9c9371971deffed47f3395a3db60)
electron/quick-start.md at master · atom/electron · GitHub
クイックスタート 導入 ElectronではリッチなネイティブAPIを持ったランタイムを提供することによってピュアなJavaScriptでデスクトップアプリケーションをつくることができます。ウェブサーバーの代わりにデスクトップアプリケーションに焦点をあてたio.jsランタイムであるといえばわかりやすいかもしれません。 ElectronはJavaScriptをGUIライブラリにバインディングしません。その代わりに、ElectronはウェブページをGUIとして使用します。なのでElectronはJavaScriptによってコントロールされる最小のChromiumブラウザでもあるともいえます。 メインプロセス Electronでは、 package.json の main で実行されるプロセスを メインプロセス と呼びます。メインスクリプトではGUIにウェブページを表示することができるプロセスを
ChromiumからElectronを眺める - Qiita
はじめに Electronいいわー ChromiumとかNode.jsの知見もあるといいらしい *1 でもChromiumとかようわからんぜ この際勉強しちまえばいいじゃん！ 本エントリはElectronを構成する要素の一つ、Chromiumのアーキテクチャについて初心者が入門してみたものです。 Chromiumドキュメントを読む Chromiumの仕組みを優しく解説した本やエントリはざっと探した限りはありません。 そういうのが必要な人がふれる領域の話ではないのでしょう。 必然的に英語で書かれたドキュメントを読むことになります。 Chromiumプロジェクトはリンクの樹海のようになっていて迷いそうです。 Developer向けドキュメントは以下のリンクを辿って行くとみつかります。 For Developers > Design Documents - Engineering design
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
