並び順

ブックマーク数

期間指定

  • から
  • まで

201 - 240 件 / 12164件

新着順 人気順

Electronの検索結果201 - 240 件 / 12164件

  • WebContainer API is here.

    In 2021 we announced WebContainers, a novel WebAssembly-based operating system which enables Node.js to run entirely inside the browser. Over the last two years, millions of developers have used WebContainers each month as it powers, among others, the StackBlitz editor. Today we are thrilled to release the WebContainer API for public use and we invite the entire JavaScript and Node.js community to

      WebContainer API is here.
    • Goで軽量なデスクトップアプリ作成

      Lorca+SvelteKitでやってみる! https://github.com/zserge/lorca https://github.com/sveltejs/kit あらかじめ必要なもの go(version 1.17.2以降) nodejs(16.9.0以降),npm(7.21.1以降) Chrome/Chromium/Edgeのいずれか プロジェクトの開始 mkdir sample-gui cd sample-gui go mod init sample-gui npm init svelte@next frontend // Choice "Svelte app template" is "Skelton Project". // Choice "Use TypeScript" is No. // Choice "ESLint" is No. // Choice "Prett

        Goで軽量なデスクトップアプリ作成
      • Real World Electron Development - Qiita

        ~ Case of the Kobito, Markdown Editor for YAPC Hackathon! @mizchi / Koutaro Chikuba, Increments Inc About Node.js / Frontend Engineer Single Page Application Specialist Kobito for Windows Developper Increments Inc (Providing qiita.com / Qiita:Team) Sorry, my English is not so good. YAPC::Asia 2015 Hackathon | Peatix の発表資料 ここで喋ることは一昨日急に決まったので(YAPC回るし)スライド作る時間なかった。ゆるして。 発表中に @benogle 氏に何度か質問しながら進行しま

          Real World Electron Development - Qiita
        • GitHubのトレンドで振り返る2021年のJavaScript/TypeScript

          今年も GitHub のトレンドで 2021 年の JavaScript/TypeScript を振り返ります。去年の記事はこちらです。 — GitHub のトレンドで振り返る 2020 年の JavaScript | WEB EGG 集計方法 GitHub トレンドは過去の履歴を公式に提供していないため、非公式に集計されたデータを利用しています。 データソースはlarsbijl/trending_archiveを使用 去年はxiaobaiha/github-trending-historyを利用したが今年のデータは無かったので変更 日ごとにまとめた markdown になっており、remark で AST→ データ化しました 集計期間は 2021/01/01 から 2021/12/15 まで 対象言語はJavaScriptとTypeScriptのみ 集計後のデータはこちらのスプレッドシー

            GitHubのトレンドで振り返る2021年のJavaScript/TypeScript
          • Atomの重要なプリミティブの最適化 | POSTD

            これまで数カ月にわたり、私たちはAtomのパフォーマンスの改善に取り組んできました。その結果、最適化するための課題として特に興味深いのが マーカ という構造体だと分かりました。マーカはバッファの内容が変更されても、バッファの論理的な領域を追跡することができます。例えば、以下の図で緑色のハイライトがかかった部分のマーカは、文字列を書き換えたとしても同じ領域に残り続けます。 マーカは、Atomの機能を幅広くサポートする基本的なプリミティブです。検索および置換を行う場合には、マーカを使うことで 検索結果のハイライト表示 ができます。スニペットの場合も、文字列を書き換える際にマーカを使い、 タブストップで移動する位置 を追跡することができます。さらにはスペルチェックの場合でも、マーカを使って スペルミスのある単語を抽出 したり、その単語を書き換える際の再チェックをしたりすることもできます。そもそも

              Atomの重要なプリミティブの最適化 | POSTD
            • Note-taking App with Robust Markdown Editor - Inkdrop

              With 100+ plugins, cross-platform and encrypted data sync support Solely designed for Markdown to improve your dev workflowGet a low-friction personal note-taking workflow and accomplish more. With your notes well-organized effortlessly, you can stay focused on doing your best work. A versatile Markdown editorIt comes with multi-language code highlighting, multi-cursors, line numbers, scrolling be

                Note-taking App with Robust Markdown Editor - Inkdrop
              • Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい

                この記事は Vim Advent Calendar 2015 の20日目の記事です. まずはこちらのスクリーンショットをご覧ください. エディタの UI やカーソル移動は Vim っぽいですが,markdown ライブプレビューやカーソル位置での画像ポップアップ,組み込みブラウザなど謎の UI が見て取れます.本記事ではこれについてボトムアップで必要な知識から順を追って紹介します. 長い……三行で Neovim msgpack-rpc API を使って <canvas> と Node.js API で Neovim フロントエンドを作成し Web Component としてラップ して HTML アプリに簡単に組み込めるようにした上で UI プラグインをウェブ技術で構築できる NyaoVim という Neovim GUI エディタを Electron 使ってつくってます. 目次 Web C

                  Web Components と Electron でつくる Neovim フロントエンドの未来 - はやくプログラムになりたい
                • Vimperatorの思い出とVivaldiへの期待 - mizchi's blog

                  ※はじめに これは Vimp やめて Vivaldi 使おうぜとアジる記事ではない。最近何書いてもアジってると誤解されるの困る。 思い出 僕のプログラマになるきっかけの一つに、2008年頃にリナカフェに遊びに行った時に @mashiro にVimperatorを勧められたのがある(本人はおぼえてないかもしれない)。当時の僕は大学に入ったばかり。Firefoxは使っていたが、プログラミングは多少興味あるけど、難しそうだなぁ、程度の認識で、もちろんVimなんか使ったことがなかった。 初期設定はその場で教えてもらって、あとは家に帰って調べた。最初は、とりあえず便利なショートカットキーを提供してくれて、QuickSilverライクな絞込UI(今だとMacのSpotlightもそうなんだろうが、当時はQuickSilverというMacアプリぐらいしか似たようなものがなかった、気がする)を持つインター

                    Vimperatorの思い出とVivaldiへの期待 - mizchi's blog
                  • b00st.io

                    This domain may be for sale!

                      b00st.io
                    • マスターデータ管理を優しくExcelから解き放つ (ドリコムアドベントカレンダー9日目)

                      ドリコムアドベントカレンダー9日目前日は@onkさんの「ドリコムの Gemfile 記述スタイル」です。 自己紹介 奈良阪です。こんなアイコン 株式会社ドリコムに新卒で入って3年目、スマホゲームサーバーのRailsとか、新規サービスのTypeScriptとか、Elixirとか、少しPythonとか、なんかよくわかんない組み合わせですがどれも並行してざくざく書いてます。 なお弊社最近JavaScript開発知見がなかったのでむしろしがらみがなく、趣味でやってた自分好みのTypeScript開発体制をスッと入れられてほくほくしています。有識者目指していく。最近github.com/Narazakaの上の方に上がってきたswagger云々とかのTypeScriptのプロジェクトは、仕事で環境整備しているのの切れ端だったりします。 趣味では伺かというデスクトップマスコットのWeb移植版を作ってたけ

                        マスターデータ管理を優しくExcelから解き放つ (ドリコムアドベントカレンダー9日目)
                      • 無料の文章チェックアプリtextlint-appがブログ投稿前の校正に便利 - ろくデブログ

                        記入した文章を即座にチェック、校正してくれるアプリを紹介します。textlint/textlint-app: textlint standalone application top on Electr...

                          無料の文章チェックアプリtextlint-appがブログ投稿前の校正に便利 - ろくデブログ
                        • Rust GUI の決定版! Tauri を使ってクロスプラットフォームなデスクトップアプリを作ろう

                          Tauri は Rust で書かれたクロスプラットフォーム GUI フレームワークです。 Tauri について説明しながら、 Tauri を使って簡単なアプリケーションを作ってみます

                            Rust GUI の決定版! Tauri を使ってクロスプラットフォームなデスクトップアプリを作ろう
                          • 趣味だったOSS活動で収入を得られるようになるまで。「継続」と「発信」がキャリアを切り開いた - Findy Engineer Lab

                            はじめまして。鈴木 颯介(@__sosukesuzuki)です。私は筑波大学情報学群情報科学類の学生をしながら、Ubie株式会社でプロダクト開発エンジニアとして働いています。また、余暇時間を使って、いくつかのOSSの開発に関わっています。 この記事では、私がプログラミングやOSS活動を始めたきっかけから入り、OSS活動で収入を得るということについて私なりの考えを示し、最後にOSSと私のキャリアについて振り返ります。 私は2022年の3月に初めて正社員として働くようになり、まだキャリアと呼べるほど長いキャリアを持ってはいません。ですのでこの記事が、私と立場の近いコンピューターについて勉強している学生やまだ経験の浅いエンジニアの方々が、ご自身のキャリアを考える上での参考になれば幸いです。 最初に断っておきますが、私がこれまで関わってきたOSSのほとんどは、JavaScriptのコミュニティのも

                              趣味だったOSS活動で収入を得られるようになるまで。「継続」と「発信」がキャリアを切り開いた - Findy Engineer Lab
                            • Electron + Travis で楽々ビルド・リリースする最強のデスクトップアプリ開発 - Qiita

                              この記事は古いです。 ぼくが考えた最強のデスクトップアプリ開発環境 Web技術でデスクトップアプリ書いて push するだけの環境を作る。 主に利用するのは Electron + Travis + GitHub の3つ。 Electron でデスクトップアプリ書いて、push するだけでビルドしてリリースまで完結するデスクトップアプリ開発ができる。 もっと簡単に言うと 「ローカルで開発→push」 だけで GitHub Release に自動でリリースできる。 アプリのビルド自体もTravis内で行えるため、開発環境のOSに依存しない開発が可能。 以下は OS X 環境を前提として説明するが、クロスプラットフォームのためのビルドはTravis内で行うため OS は何でも良い。 念のため各種サービス・フレームワークの説明 簡単に説明すると以下。どれもすごく便利。 Electron: みんな大

                                Electron + Travis で楽々ビルド・リリースする最強のデスクトップアプリ開発 - Qiita
                              • Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリース。

                                Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリースされています。詳細は以下から。 daisy sequenceはMichinari Nukazawaさんが開発&公開したシーケンス図エディタで、Electron製でWindows/Mac/Linuxのクロスプラットフォーム用バイナリが公開されています。 Release "daisy sequence" is (not) UML sequence diagram editor. for win / mac / linux !https://t.co/iVCpQS46m9 pic.twitter.com/tvBDw99vTn — Michinari Nukazawa (@MNukazawa) 2018年3月1日 概要 daisy sequenceは、Win/Mac/Linux

                                  Win/Mac/Linuxのクロスプラットフォームに対応したシーケンス図エディタ「daisy sequence」がリリース。
                                • Evolution of Electron(日本語)

                                  (このトークは @kohei-takata が通訳しました。) 皆さんこんにちは。今日、私は、どのように Electron が生まれ、有名になっていったかについて話したいと思います。 Kohei TAKATAさんにトークの内容を翻訳してもらったので、私は日本語でこのトークを行う(おこなう)ことができます。ありがとうございます。 はじめに、自己紹介をしたいと思います。私は3つの名前を持っています。中国では、 ちょうせい と呼ばれています。アメリカでは、 Cheng Zhao と呼ばれています。これは、英語表記の名前です。しかし、日本では私の名前は ジャオ チェン になります。これは英語名のカタカナ表記になります。このように、私は同じ意味の3つの名前を持っています。 私は Electron の作者(さくしゃ)です。今は GitHub で働いています。今も Electron の開発を続けています

                                  • TechCrunch | Startup and Technology News

                                    Try to imagine the number of parts that go into making a rocket engine. Now imagine requesting and comparing quotes for each of those parts, getting approvals to purchase the…

                                      TechCrunch | Startup and Technology News
                                    • [転載] gitにおけるコミットログ/メッセージ例文集100

                                      You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

                                        [転載] gitにおけるコミットログ/メッセージ例文集100
                                      • GitHub、テキストエディタ「Atom」の開発終了 12月に全プロジェクトをアーカイブ

                                        GitHubは6月8日(現地時間)、テキストエディタ「Atom」の開発を終了すると発表した。12月15日に関連する全プロジェクトをアーカイブするという。理由は「Microsoft Visual Studio Code」と「GitHub Codespaces」による、クラウドでのソフトウェア開発の信頼性向上に集中するためとしている。 Atomは、GitHubが開発したオープンソースのテキストエディタ。2015年にバージョン1.0をリリース、その後もアップデートを繰り返していた。しかし、過去数年間は重要な機能開発をしておらず、メンテナンスとセキュリティアップデートのみを実施してきたという。 また、クラウドベースのツールが新しく登場したことにより、Atomコミュニティーへの参加者は大幅に減少。このような背景からGitHubでは、Webブラウザで動作する統合開発環境であるGitHub Codesp

                                          GitHub、テキストエディタ「Atom」の開発終了 12月に全プロジェクトをアーカイブ
                                        • クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利

                                          こんにちは、お久しぶりです。ウェブデベロップメント黒帯を務めております、HTMLやCSSやJavaScriptが大好きな岡部 和昌(@kzms2)と申します。 最近はCSSやSVGのアニメーション、ElectronやCordovaなどを用いたハイブリッドアプリなどがお気に入りです。 最近の活動 東大の坂本 大介先生と弊社の坂本 竜基、鈴木 健司(@kensuzuk)と一緒にFix & Slideというタッチデバイスにおける選択のUIについての論文を投稿し、UIST 2015やmobileHCI 2016と言った世界的なトップカンファレンスにて採択され発表・登壇などを行っていました。 上記の論文に関しましては、また別の機会でご紹介できたらと考えております。 それでは本題に入ります。 pointer-eventsについて 皆様はpointer-eventsというCSSプロパティーやその使い道を

                                            クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利
                                          • 軽量・高速な“Electron”製のコマンドランチャー「Hain」NOT SUPPORTED

                                              軽量・高速な“Electron”製のコマンドランチャー「Hain」NOT SUPPORTED
                                            • https://qiita.com/hp0me/items/1c8d099bacbb5e068081

                                              • RxDB - JavaScript Database | RxDB - JavaScript Database

                                                Realtime Queries: From results of queries to single document fields, with RxDB you can observe everything which makes building realtime applications effortless.Realtime Replication: Run a two-way realtime replication with one of the many replication plugins. Also making your custom backend compatible is pretty simple.Offline Support: Store data locally on your clients device to build applications

                                                  RxDB - JavaScript Database | RxDB - JavaScript Database
                                                • Backbone.js ではじめるクライアントサイド MVC プログラミング | CYOKODOG

                                                  MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbone.js の構成を簡単に言ってしまうと 単一データの管理を行うモデル 複数件のモデルの管理を行うコレクション 画面の管理を行うビュー の3つの主要モジュールを軸に構成されており、Underscore.js、jQuery(Zepto)に依存するかたちで動作するようになっています。 利用の際は、underscore.js、jquery.js、backbone.js の順で読み込みます。 //cdnjs

                                                  • 2020年に作ったソフトウェアや開発技術をふりかえる - laiso

                                                    概要 よくある年末っぽい日記の記事です。 だいだいこれどうりのバランスでソースコードも書いてる 言語はなんでもいい時はNode.jsで書く。移植性が高いので。複数人でメンテしそうな時はTypeScriptを採用し、プライベートの時は型を完全に無視する PHPはほぼLaravel。ビジネスのみの関係 Swiftはそんなに書いた記憶がないけどアプリのメンテをしてたと思う Vueも仕事で使っていたけど最近はReactに傾いてる Objective-Cは書いてない グラフに含まれてない部分だとAndroidアプリでKotlinを使って、データ分析でPythonを書いた このグラフは GitHub Profile Summary Cards っていう便利ツールを使わせてもらって自動生成している。 記録方法 コードを書く時はおもむろに ~/tmp 以下にディレクトリ掘ってIDEを開きはじめるので実質そ

                                                      2020年に作ったソフトウェアや開発技術をふりかえる - laiso
                                                    • JavaScript Standard Styleのススメ - Qiita

                                                      みなさんは、JavaScriptのコードを書くときに文字列は何で囲みますか?シングルクォート?ダブルクォート? インデントに使用する文字はスペース?それともタブ? JavaScript Standard Styleは、そのように千差万別なコーディングスタイルを統一するためのスタイルガイドの一つです。1 JavaScript Standard Styleのルール JavaScript Standard Styleには、次のようなルールがあります。 インデントはスペース2個 文字列はシングルクォートで囲む 未使用の変数は禁止 文末のセミコロンは禁止 キーワードの後にスペースを入れる 関数名の後にスペースを入れる 値の比較に==ではなく===を使用 ただしobj == nullはnull || undefinedをチェックするために許容される 常にNode.jsのerr引数をハンドル ファイルの

                                                        JavaScript Standard Styleのススメ - Qiita
                                                      • Atom Flight Manual

                                                        CompanyEngineeringProductSunsetting AtomWe are archiving Atom and all projects under the Atom organization for an official sunset on December 15, 2022. January 30, 2023 Update: Update to the previous version of Atom before February 2 On December 7, 2022, GitHub detected unauthorized access to a set of repositories used in the planning and development of Atom. After a thorough investigation, we hav

                                                          Atom Flight Manual
                                                        • ssig33.com - Docker についてアメリカの大学で工学博士から英語で話を聞いてきました

                                                          というわけで YAPC Asia 2015 の 0-1 日目のレポートです。 技術ブログを書くことについて語るときに僕の語ること はてな社員 id:y_uuki の発表。技術ブログ書いてブクマ稼ぐにはみたいな話。 人間は先頭しか読まない、日本人はアメリカに弱い、はてなブックマーカーはアカデミズムに弱い、信じられないレベルで役に立つ知見だ — チャレンジ (@fuba) August 20, 2015 Docker という単語が後ろに行くだけでブックマーク数が半分になる — チャレンジ (@fuba) August 20, 2015 というような内容。スライドの後半にはいい文章書くにはみたいな話もあったんだけど時間なくてそこはかっとばされてた。あとは「僕がブログ書くときの哲学」みたいな話とかしてたけど、わりとどうでもいい感じだった。 「人は先頭しか読まない」ということをいってたので質疑応答で

                                                          • Casino Winnings Booster - B00st.io

                                                            There are a few things you can do to improve your odds of winning at the casino. One of the first steps to increase your winnings is to avoid tilting, or playing emotionally, when playing casino games. Tilting is a dangerous practice that can lead to even bigger losses. Instead, hit the spin button when you win a game to immediately see the winnings deposited into your account. This will help you

                                                              Casino Winnings Booster - B00st.io
                                                            • Hyper™

                                                              Project GoalsThe goal of the project is to create a beautiful and extensible experience for command-line interface users, built on open web standards. In the beginning, our focus will be primarily around speed, stability and the development of the correct API for extension authors. In the future, we anticipate the community will come up with innovative additions to enhance what could be the simple

                                                                Hyper™
                                                              • Electron入門サイト〜開発経験者が解説する導入手順と魅力 - ICS MEDIA

                                                                Electron (エレクトロン)はウェブの技術でデスクトップアプリケーションを開発できる人気のフレームワーク。HTML5とCSS3とJavaScriptで開発できるため、ウェブ開発者であれば手軽に導入できます。それもクロスプラットフォームなので、ワンソースでWindowsとmacOS向けのソフトウェアが作れることが利点です。 GitHub社の「Atom」やMicrosoft社の「Visual Studio Code」もこのElectronを使って開発されているなど、大手企業が採用していることでも人気の高さがうかがえます。この入門サイトでは、開発環境のセットアップからサンプル・アプリケーションの作り方を解説します。 Electron入門編 最新版で学ぶElectron入門 - ウェブ技術でPCアプリを開発しよう Electronの導入手順を解説。ゼロからアプリケーションのビルドまでの手順を

                                                                  Electron入門サイト〜開発経験者が解説する導入手順と魅力 - ICS MEDIA
                                                                • 水に特有の物理的特性の起源を解明 | 理化学研究所

                                                                  要旨 理化学研究所(理研)放射光科学総合研究センター ビームライン開発チームの片山哲夫客員研究員(高輝度光科学研究センターXFEL利用研究推進室研究員)、ストックホルム大学のキョンホァン・キム研究員、アンダース・ニルソン教授らの国際共同研究グループは、X線自由電子レーザー(XFEL)[1]施設SACLA[2]を利用し、過冷却状態[3]にある水(H2O)の構造を捉えることに成功しました。 水は生命に不可欠な液体ですが、その挙動に関する理解は不完全です。例えば、温度を下げていくときの密度、熱容量[4]、等温圧縮率[5]といった熱力学的な特性の変化は、水と他の液体とでは逆の挙動を示します。そのため、水の熱力学的な特性については長年議論されており、いくつかの仮説が提唱されています。そのうちの一つが、水には密度の異なる二つの相があり、その間を揺らいでいるという仮説です。しかし、温度を0℃未満に下げた

                                                                  • Electron と Polymer と TypeScript でリッチなマークダウンプレビュアー Shiba つくった - はやくプログラムになりたい

                                                                    結構前ですが,mattn さんが小さい markdown ライブプレビューアプリ mkup をつくっていて,そういえば僕も合う markdown ライブプレビューアプリが無いなぁと思っていたのを思い出したので,オレオレ markdown プレビューアプリ Shiba をつくってみました.今このブログエントリもこれでプレビューしながら書いてます. https://github.com/rhysd/Shiba 僕のマークダウンプレビューに対する要求は以下のような感じです.mattn さんのそれに近いです. ドキュメント自体は慣れたエディタで書きたい ブラウザのタブよりは独立した1つのアプリとして動いてほしい GFM で書きたい(コードブロックをハイライトしてほしいし,絵文字記法も反映してほしい OS X,Linux,Windows のすべてで markdown を書く機会があるのでクロスプラッ

                                                                      Electron と Polymer と TypeScript でリッチなマークダウンプレビュアー Shiba つくった - はやくプログラムになりたい
                                                                    • Markdown スライド作成ツール『Marp』の開発経緯裏話 - Speee DEVELOPER BLOG

                                                                      2019/08/03 追記: 2019年現在、デスクトップアプリ版の Marp はすでに開発を中止しており、次世代版である Marp Next の開発に注力しています。デスクトップアプリはまだ使用可能ですが、すでにメンテナンスが中止されており、セキュリティに関する一部懸念も指摘されているため、デスクトップアプリ版をこれから使い始めるのは決して推奨されません。 移行先として、Marp Next の公式ツールの1つとして提供されている Visual Studio Code の拡張機能、Marp for VS Code をお勧めしています。クロスプラットフォーム・オフライン対応・ライブプレビュー・PDF出力はもちろん、新しい Marpit フレームワーク をベースとした Markdown 構文、HTML 形式や PowerPoint 形式での出力、カスタムテーマ CSS の対応など、スライド作成

                                                                        Markdown スライド作成ツール『Marp』の開発経緯裏話 - Speee DEVELOPER BLOG
                                                                      • vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog

                                                                        年末年始の時間を使って実験していたこと。 tl;dr vscode をカスタマイズして静的サイトとしてデプロイしたい。やった。公式にない永続化層も作った。 できた。ここで試せる。 https://mizchi-vscode-playground.netlify.com/ やりたかったこと フロントエンドにまつわるものはフロントエンドで作業を完結したい。なので vscode がブラウザで動いてほしい。 vscode をカスタマイズしたものを各自が自由にデプロイできると、様々な可能性がある。インストールの手間を省いたプログラミング教育用のツールだったり、専用の開発環境だったり、その他諸々。 問題 この用途で期待していた vscode online が使いづらかった。MS のアカウントを要求されたり、Docker コンテナの Enviroment を作ったりする必要があり、面倒だった。そもそもリ

                                                                          vscode の web build を netlify にデプロイする + ファイルシステムを永続化する - mizchi's blog
                                                                        • テキストエディターを作ってElectronの基礎を学ぼう! HTML5でPCアプリ開発入門 – ICS MEDIA

                                                                          前回の記事「Electron入門」では、ElectronというHTML/JavaScriptのフレームワークを使って、デスクトップアプリケーションを作成するまでの手順を紹介しました。 今回は応用サンプルとしてテキストエディターの作り方を解説します。テキストエディターを作成することで、Node.jsのファイルの読み込み/書き込みや、ダイアログモジュールなどアプリケーション開発で必須となるElectronの技術を習得できます。30分程度で試せる内容になってますので、ぜひご覧ください。 ※本記事はElectron v18を使用し、macOS 12.3 MontereyおよびWindows 10にて動作検証を行いました。 完成デモの紹介 今回のサンプルのテキストエディターのデモをご覧ください。このオリジナルのテキストエディターではテキストの編集ができ、ファイルの読み書きができます。このテキストエデ

                                                                            テキストエディターを作ってElectronの基礎を学ぼう! HTML5でPCアプリ開発入門 – ICS MEDIA
                                                                          • V8エンジンによる内部変換コードでasync/awaitの挙動を理解する

                                                                            はじめに JavaScript の「非同期処理」ってやっぱりかなり難しくないですか? 自分も色々試行錯誤しましたが、結局「完全に理解した🤓」→「やっぱり何も分からん😭」っていうループの中で泥臭く理解を深めていくしかないようです。 さて、非同期処理の制御をある程度予測できるようになるには、非同期 API を提供する環境のことやイベントループ、マイクロタスクなどの仕組みについて理解する必要があります。 そして環境に埋め込まれた JavaScript Engine のことも理解する必要があります。 今回の記事では、JavaScript Engine の1つである V8 が内部で変換するコードから async/await の挙動を理解するための解説を試みたいと思います。V8 エンジンからアプローチすることで async/await の分かりづらい挙動を掌握して非同期処理を打倒します。 今回の記

                                                                              V8エンジンによる内部変換コードでasync/awaitの挙動を理解する
                                                                            • Electronライクな新フレームワーク「Gluon」登場。Chromium内蔵せずWebブラウザを利用、Node.jsだけでなくDenoとBunにも対応

                                                                              デスクトップアプリケーションの開発を、JavaScriptなどのWebテクノロジーで可能にするフレームワークとして知られるのがElectronフレームワークです。 このElectronのようなフレームワークが新たに登場しました。「Gluon」です。 Electronがアプリケーション基盤としてNode.jsとChromiumをバンドルするのに対して、GluonはOSにインストールされているWebブラウザを用いるのが大きな特長です。 Google ChromeのようなChromiumベースのWebブラウザだけでなく、Firefoxにも対応作業が進められており、最新のバージョン0.11ではFirefoxでの安定度が向上しました。 Node.jsをバンドルする点はElectronと同じですが、Node.jsの代わりにDenoやBunを利用することにも実験的に対応しています。 Gluonは主にCh

                                                                                Electronライクな新フレームワーク「Gluon」登場。Chromium内蔵せずWebブラウザを利用、Node.jsだけでなくDenoとBunにも対応
                                                                              • 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プログラミング入門 — インストールからミニブラウザ構築まで
                                                                                • Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト

                                                                                  Tauri はクロスプラットフォームデスクトップアプリのための Rust によるフレームワークです。Electron と同様 Web 技術でアプリの UI を構築します。 Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Studio 記事執筆時点で v1.0.0-rc.5 (Pre-release)、もうすぐ v1.0 がリリースされそうなところです。 Release v1.0.0-rc.5: Apply Version Updates From Current Changes (#3468) · tauri-apps/tauri Electron と比べて、インストーラーのサイズ、メモリ消費量、起動時間などが圧倒的に小さいと謳われています。 https://gi

                                                                                    Rust によるデスクトップアプリケーションフレームワーク Tauri | 豆蔵デベロッパーサイト