この本の概要 E2Eテスト（End-to-End Testing）とは，システムの端から端（End-to-End）まで，全体を通して行うソフトウェアテストを指します。本書ではE2Eテストを「ユーザーの視点でWebシステムの動作を確認する自動テスト」として定義し，E2Eテストをこれからプロジェクトに導入しようとしている人，すでに導入しているがパフォーマンスや保守性で課題を感じている人を対象に，E2Eテストのフレームワークとして近年人気が急上昇しているPlaywrightをツールとして，その目的からモダンなノウハウまで，E2Eテスト初心者の方にもわかりやすくハンズオンを交えながら解説します。CIへ組み込む方法やユニットテストとの棲み分けなど，E2Eテストを実際の開発現場に投入するうえでの知見も数多く紹介します。 こんな方におすすめ E2Eテストをこれからプロジェクトに導入しようとしている人 す
Eyes Above The Waves Robert O'Callahan. Christian. Repatriate Kiwi. Hacker. Archive 2024 June So You Want To Build A Browser Engine Real-Time Settlers Of Catan April Auckland Waterfront Half Marathon 2024 Whanganui River Journey 2024 2023 December Rees-Dart Track 2023 Caples/Routeburn Track 2023 Abel Tasman Kayaking November Mount Pirongia 2023 Blog Migrated April Why I Signed The "Pause" Letter A
JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を
Node.js — Node v22.3.0 (Current)
2024-06-11, Version 22.3.0 (Current), @RafaelGSS Notable Changes [5a41bcf9ca] - (SEMVER-MINOR) src: traverse parent folders while running --run (Yagiz Nizipli) #53154 [1d5934524b] - (SEMVER-MINOR) buffer: add .bytes() method to Blob (Matthew Aitken) #53221 [75e5612fae] - (SEMVER-MINOR) src,permission: --allow-wasi & prevent WASI exec (Rafael Gonzaga) #53124 [b5c30e2f5e] - (SEMVER-MINOR) module: pr
いまどきの将棋AIでは、GUIと思考エンジンとは分離している。GUI部分は、いままで将棋所、ShogiGUIが二大巨頭であり、これ以外の無償で使えるGUIソフトウェアには使い勝手の良いものがなかった。 GUIと思考エンジンとはUSIプロトコルと呼ばれる標準入出力を介するプロトコルでやりとりを行う。このUSIプロトコルには色々設計上まずい点があり、思考エンジン側を作るに際して、それを拡張して改善したいのだが、USIプロトコルを勝手に拡張したところで将棋所やShogiGUIが対応してくれなければそれまでだし、将棋所とShogiGUIはソースコードが公開されているわけでもないので思考エンジン開発者は手も足も出ないという閉塞的な状況であった。そのような状況が将棋所公開以降現在に至るまで(17年間)続いていたわけである。 私はこのような状況を嘆き憂いて、やねうら王チャンネルにこれを問題提起する動画を
はじめに この記事では、個人の習作としてwasm-image-resizerという簡易な画像リサイズ・フォーマット変換ツールをWebAssembly + PWA + Reactで作成したので、そのときに私の得た知見を記載したいと思います。 アプリとしては実に単純であんまり面白みもないのですが、半ばちょっとした好奇心と勢いで自分なりに作ってみました。手探りで拙いですが、ソースコードは以下に配布していますので、よかったら見てみてください。 アプリの技術目標 このアプリを通して私が考えた技術目標は以下のとおりです。 フロントエンドとしては言語はTypeScript、Viteをベースにする UIのフレームワークとしてReactを使用 画像変換などのアプリでやりたいコアな処理はRustで記述 wasm-bindgenとwasm-packでWebAssembly化・javascriptパッケージ化を行
Cirkoban: Sokoban meets cellular automata written in Scheme -- Spritely Institute
Last week, we released a small puzzle game called Cirkoban. Cirkoban is the very first publicly accessible application developed by Spritely that features the Goblins distributed programming library running in web browsers. We bet big on Hoot, our Scheme-to-WebAssembly compiler, a little over a year ago in order to bring Goblins to the web. That bet is starting to pay off! In this post, we’ll talk
OpenAI、ショートカットキーで素早く起動できるMac用ネイティブクライアント「ChatGPT for macOS」を全ユーザーに向けに公開。システム要件は引き続きmacOS 14 Sonoma以降のApple Silicon Mac。
OpenAIがデスクトップクライアント「ChatGPT for Mac」を全ユーザーに公開しています。詳細は以下から。 OpenAIは現地時間2024年06月25日、今年05月に発表しPlusユーザー向けに公開していたMac用GPTクライアント「ChatGPT for macOS」を全ユーザーを対象に公開したと発表しています。 The ChatGPT desktop app for macOS is now available for all users. Get faster access to ChatGPT to chat about email, screenshots, and anything on your screen with the Option + Space shortcut: https://t.co/2rEx3PmMqg pic.twitter.com/x9sT
Version 1.90 is now available! Read about the new features and fixes from May. May 2024 (version 1.90) Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the May 2024 release of Visual Studio Code. There are many updates in this version that we hope you'll like, some of the key highlights include: Editor tabs multi-select - Select and perform
learning.oreilly.com 第三版で追加された章。1つのアカウントを複数のサービスで利用するようなプラットフォームについての解説 OpenSocial Apache Shindigでできたサービスの開発をやっていたかとがあるので懐かしい ウェブフック 原始的な仕組みなのでずっと生き残ってる方法。Web 2.0の時に知った。認証がシンプルだが運用が面倒という印象だった ちょっと前にSlack BOTの新SDKを使ったら脱ウェブフック化されていてサーバーとpubsubする方式だった スーパーアプリ ケータイポータルみたいなもののスマホ版。BATが注目された時期にアプリ実装しなくて楽という文脈で聞いた。LINEが真似してていくつかアプリを作った プラットフォーマーになる中央アプリのベンダーが自社アプリのWebViewと連携してを拡張して、そのAPIをJSのライブラリから触れるように
解説！GMOバーチャルジムの映像システム設計について / 開発者向けブログ・イベント | GMO Developers
こんにちは。気持ちはずっとソフトウェアのエンジニア、倉持です。 GMOバーチャルジムの映像まわりのシステムについて書いてみたいと思います。 こんなことをやっていた人もこの会社にはいるのだなと伝わればうれしいです。 全体構成 GMOバーチャルジム全体としてはこんな構成になっています。 GMOバーチャルジムの構成 こちらの記事は「B.前回の対象」の話でした。様々なプロトコルでつながるセンサーや空調、トレッドミル、低酸素装置等のコントロール含め、施設全体の管理を担っています。 今回は「A.今回の対象」について書いていきます。トレッドミルで走っているときに表示するマラソンや駅伝コースの映像を走行スピードに合わせて再生するのがメインの仕事になります。その他、各種センサーや走行情報も表示します。 GMOバーチャルジム モニター構成とPC 4K3台のテレビで構成しています。走行者の視界にはこの映像が広が
ExperienceUsed it: Respondents who have used an item.Heard of it: Respondents who have heard about an item, but haven't used it.Never heard of it: Respondents who have never heard about an item.SentimentPositive: Respondents who are interested in learning more about a technology; or are willing to use it again.Neutral: Responents who did not indicate any sentiment about a technology.Negative: Resp
"},"dump":{"kind":"string","value":"CC-MAIN-2013-20"},"url":{"kind":"string","value":"http://aacap.org/page.ww?name=When+to+Seek+Help+for+Your+Child§ion=Facts+for+Families"},"file_path":{"kind":"string","value":"s3://commoncrawl/crawl-data/CC-MAIN-2013-20/segments/1368696381249/warc/CC-MAIN-20130516092621-00000-ip-10-60-113-184.ec2.internal.warc.gz"},"language":{"kind":"string","value":"en"},"
はじめに アイディオットDX開発部の中川です。 今までElectronなどで作られた野良アプリはユーザーの方でセキュリティリスクを負って インストールする必要がありましたが、macOS Mojave以降ではAppleから公証（notarization）を得たアプリのみが GateKeeperというチェック機構を通過して起動できるようになりました。 WWDC2021でnotarytoolが発表されてから、その手順が意外とまとまっていませんでした。 2023年11月1日以降はnotarytoolもしくはXcode14での公証明が必須となった今 手順をまとめていこうかと思います。 必要な準備： Apple Developerライセンス これまでは作成したデスクトップアプリを身内で配布する際には、 .app拡張子の実行形式ファイルもしくは、そちらを内包したDiskImage（.dmg）を配布すれば
株式会社ヨドバシカメラ（本社：東京都新宿区、代表取締役 藤沢和則）は、新業態の体験型リテールメディアストア「Yodobloom（ヨドブルーム）」を池袋東口に2024年6月21日（金）オープンすることをお知らせいたします。 新業態「Yodobloom」は“SNSと商品体験を融合した新しいリテールメディアストア”です。 「Yodobloom」をご利用のお客様は様々な商品を専門スタッフのサービスを通じて比較体験が可能となります。また、この体験を気軽に情報発信ができる場所としてご利用いただけます。 今回第1号店となる「Yodobloom池袋店」では、美容家電、コスメ、スキンケア、ヘアケアの各種理美容カテゴリにおける高品質なブランドの商品を購入前にプロの施術とともに深く比較体験いただくことができます。体験を通じて商品レビューを気軽にSNSへ発信できる場所としてご利用いただける新しい形のリテールメディ
Electron 31.0.0 has been released! It includes upgrades to Chromium 126.0.6478.36, V8 12.6, and Node 20.14.0. The Electron team is excited to announce the release of Electron 31.0.0! You can install it with npm via npm install electron@latest or download it from our releases website. Continue reading for details about this release. If you have any feedback, please share it with us on Twitter or Ma
Stupid Slow | datagubbe.se
Stupid Slow: The Perceived Speed of Computers Summer 2024 Computers today are faster than ever. They are faster at crunching numbers, they can handle more I/O and they can produce better quality graphics than anything previously produced. Even a dirt cheap modern microcontroller will run in circles around the home computers I grew up with. And yet, computers today often feel slow. There's recently
【個人開発】【Electron + Vue.js】デジタルノートアプリ『Puppet』開発のまとめ - Qiita
開発経緯のまとめ きっかけ 数ヶ月前、ソフトウェアの操作方法の詳細なマニュアルを制作。 30ページのPDFにしたが、他の人から「欲しい情報がすぐに見つけられない」と指摘された。 情報量が多く、探しにくいことが問題だったと感じた。 マニュアルのページ数削減では解決しなかった 言葉をコンパクトにしたり、画像の配置を変えてページ数を減らそうとした。 結果、2ページ減ったが、情報の探しやすさは変わらなかった。 課題の本質 「情報量が多い中で、欲しい情報を探すのが難しい」ことが問題。 必要な情報を得るために、「情報の取捨選択が多すぎる」 解決策の考案 「欲しい情報が探しやすく、情報の取捨選択を少なくする工夫」を考える必要がある。 文章の書き方の工夫では解決が難しいため、アプリの開発を考え始めた。 タブレット端末からのひらめき アプリのアイコンのように、見出しを並べて表示することで情報が探しやすくなる
RubyKaigi 2024 初参加の記録
はじめに 沖縄で行われた RubyKaigi 2024 が、私の初 RubyKaigi でした！ 初参加かつ、単身での参加かつ、他の技術カンファレンスにまともに参加したこともなかったので、右も左もワカラナイ状態でしたが、そんな中で学んだことや、各セッションのメモを記していきます。 ほぼ誰の役にも立たないものですが…… RubyKaigi未参加の方や初参加の方の参考になると嬉しいです 間違ってたり補足が必要な点が多いと思うので、ぜひご意見ご指摘あればコメントください！ Tips 今回のカンファレンス参加で学んだことを書いていきます。 他の技術カンファレンスにも適用できるTipsだと思います。 早起きは三文の徳 Early bird チケットは半額くらいで購入できます。 イベントの参加登録もすぐ埋まるので早めに済ませておきましょう。早く行動するために、次の「常にアンテナを張る」が大事です。 常
「ファリスの結婚」raw・hitomi・pdfの漫画違法サイトで読める？ 「ファリスの結婚」の有料となる部分を無料で読みたくて漫画違法サイトを通して読もうと思っている人もいるかもしれません。 しかし、漫画違法サイト（raw・hitomi・pdf）で「ファリスの結婚」は読めません！ 本来、漫画違法サイトはその名の通り、違法です。様々なリスクもあるので絶対に利用やアクセスは止めましょう。 無料で読みたい場合、正規取り扱いをしている「めちゃコミック」で無料版の配信を行っています。また安心・安全に読むことが出来ます。 違法サイトで漫画を読む危険性 端末がウイルス感染する恐れがある 個人情報を抜き取られる危険性がある 悪質な広告に誘導される危険性がある 法的に罰せられる可能性がある 漫画違法サイトは多くの危険が潜んでいます。 仮に今後「ファリスの結婚」が違法サイトにアップロードしているのを確認しても
すべて画像動画書籍 B!]... b.hatena.ne.jp Amazon.co.jp:... www.amazon.co.jp 漫画「胡蝶（あげは）伝説」2巻ネタバレ！ヒロインの心の... electron-comic.com 姫楼しん（キロウ） on X:... twitter.com TSUYOSHI... electron-comic.com 身に覚えのない理由で婚約破棄されましたけれど、仮面の下... renta.papy.co.jp 小説『衝撃の片想い』第十六話。友哉復活！... note.com 初デートで、手を繋いでいい感じだったのに…」その後、急... news.livedoor.com 旅先でケンカしたことありますか？... www.tiktok.com Films |... www.instagram.com 第15回 2023年 冬... colorful.fut
高コスパで電力効率のよい Arm ベースの GitHub Actions Runner を使っていく | 豆蔵デベロッパーサイト
はじめに # Arm ベースの Actions Runner がパブリックベータになりました。Arm ベースの Linux / Windows ランナーが提供されます。 Actions: Arm-based linux and windows runners are now in public beta GitHub のブログでは、Arm テクノロジーがデータセンターの電力消費を削減することが記載されています。Windows ランナーについては、GitHub と Arm が提携して Windows VM イメージを提供しているようです[1]。 Arm64 on GitHub Actions: Powering faster, more efficient build systems 我々ユーザーにとっての魅力は x64のランナーに比べ37%も安いその価格です。価格表は以下にあります。 Pe
パスワード管理アプリを作成しました
はじめに 今回、electron を使って初めてデスクトップアプリを開発してみました。 keypick といいます。 パスワード等秘密情報（key）をすぐに選び取る（pick）ことができます。 この記事や開発したサービスがお役に立ちましたら幸いです。 サービス紹介 いわゆるパスワード管理アプリです。 パスワード等秘密情報をローカル環境で管理します。 ユーザ ID/パスワードといった基本情報はもちろんですが、他のどんな文字列でも管理できます。 従業員番号や会社の住所等、たまに使う情報も管理できますし、ToDo リストや今日の晩御飯のメニューを書き出す場所としても利用できます。 管理方法 キー情報をグループごとに管理します。 グループ：{グループ名} {ラベル}：{キー値} {ラベル}：{キー値} ... （以下省略） 例えば、以下のようにキー情報を管理できます。 グループ 1：google
プライバシーを保護するミニマルなブラウザー「Min」
対応OS： Windows, macOS, Linux バージョン：1.32.1（2024/05/08）価格：無料 最小限になるように設計されたコンパクトなインターフェースが魅力のウェブブラウザーです。 Electron（Chromium ベースのフレームワーク）ベースで開発されており、プライバシー保護のためにデフォルトで広告やトラッカーをブロック、既定の検索エンジンに DuckDuckGo を採用しています。 タスク（タブグループ）機能、任意のコマンドを実行できる「bang」機能、任意の機能を拡張できるユーザースクリプト機能など、ブラウジング体験を豊かにする機能を備えています。
What is your project named? my-app Would you like to use TypeScript? No / Yes Would you like to use ESLint? No / Yes Would you like to use Tailwind CSS? No / Yes Would you like to use `src/` directory? No / Yes Would you like to use App Router? (recommended) No / Yes Would you like to customize the default import alias (@/*)? No / Yes What import alias would you like configured? @/* Step2: Electro
CodeceptJSにトライしてみた。 - Qiita
最初に 本記事はGitHub: GOAMI-Takaaki/codeceptjs-hotel-planisphereの転記になります。 概要 自動化練習サイト「HOTEL PLANISPHERE」を対象に、Gherkin記法のテストを、CodeceptJS で実装したサンプルコードを紹介します。 対象 サービス HOTEL PLANISPHERE - 自動化練習サイト シナリオ testplanisphere/hotel-example-webdriverio-ja 構成 自動化フレームワーク CodeceptJS + Playwright プログラミング言語 TypeScript テスト記法 Gherkin 環境 ライブラリ Node.js OS WSLg + Ubuntu 22.04.2 LTS 基本 CodeceptJS とは E2Eテストフレームワークである。 Node.jsプロジ
Follow along with the video below to see how to install our site as a web app on your home screen. 注意事項: This feature may not be available in some browsers. MVで Enigma Virtual Box を使ってパッケージ化されてるサイトがあったので、それを参考にMZでも試してみましたが、初回起動はしたものの、2回目以降はエラーが出て起動しませんでした。 原因は詳しくは分かりませんが、パッケージ化されたexeファイルのディレクトリに「save」フォルダが作られ、そこにセーブデータがあるため、パッケージ外のファイルを読めなくてエラーが出たんだと思います。 そこで、Enigma Virtual Box を一工夫して利用したところ、無事動作す
こんにちは。村上と言います。普段は音楽を作る仕事をしています。 自分は仕事柄、いろんな場所を飛び回ってプログラミングをする事が多く、使うマシンもMac、Windows、ノートPC、デスクトップとコロコロ変わります。そのため、ソースコードの同期がいつも悩みの種です。職業プログラマーではないので数時間プログラミングして別の仕事して…といった作業の仕方も多く、Gitだけで同期するとコミット履歴がカオスになってしまいます。 そのためソースコードの同期にはDropboxを使ってるのですが、 しかし、そのままだとnode_modulesやdistまで同期されてしまうので、選択的同期や右クリックで「dropbox.com と同期しない」を個別に選択することになります。これがなかなか面倒です。 後者の方法は、Dropboxのクライアントアプリはファイルの隠し属性を書き換えて同期から除外する仕組みのようで、
【Node.js】Cloud Functions for FirebaseでPuppeteerを使用する上での留意点 - 株式会社ティーエッチエス
この記事を書いた人 石田正泰 中学生の時に趣味でZ80マシン語やFortran等を始めてから、現在まで数多くのプログラミング言語を経験。ShopifyによるECサイト構築では主にカスタマイズを担当。 はじめに Google Cloudのサービスの一つであるGoogle Cloud Platform(GCP)のCloud Functions、特にFirebaseのCloud FunctionsはFirebase CLIで簡単にエミュレートしたりデプロイしたりが出来るので、API等をサクッと作る上でとても便利です。 最近、APIの無いサイトから定期的にダウンロードした最新データを利用する必要ができ、そのスクレイピングにPuppeteer(パペティア)を使用しました。Cloud FunctionsやAWS Lambda等FaaSでのPuppeteerの使用方法については他サイトに詳しく載っている
やねうら王公式がmacOSに正式に対応して、macOS用のやねうら王の実行ファイルの配布を始めた途端、Electron将棋が静かに幕を下ろした。 と言うのも、Electron将棋が使っていたElectronというフレームワークの利用規約に、製品名の一部にOpenJS(Electronを作っている団体)のトレードマークを含めてはならないという一文があることに気づき、改名の必要に迫られたからである。 有名になった途端、コンプライアンスの問題が浮上するのは世の常であるな…。 そんなわけで、Electron将棋は、アイコンと名前を新たにして、リニューアルオープンである。 新しい名前は、ShogiHomeなのだそうだ。URLとリポジトリ名まで変更するのは煩雑なため、そのままにしておくとのこと。 ShogiHome https://sunfish-shogi.github.io/electron-sh
macOSでやねうら王 | やねうら王 公式サイト
Mac mini(M2)買いました！ これでやっとMac用のやねうら王、ふかうら王(dlshogi互換エンジン)のビルドテストができる。😁 今月中には、支援者向けにMac用の実行ファイル一式配布するぞー！ pic.twitter.com/RAACiAH5hX — やねうら王 (@yaneuraou) June 5, 2024 事の発端は、昨日の記事に書いたようにElectron将棋がmacOSで動くので、「macOS用のやねうら王を用意せねば！」と思ったことである。 AWSでMac miniのインスタンスが借りられるので、これを借りればいいやと思ってまずAWSを試してみることにしたのだ。 しかし調べてみると大阪リージョンにはMac miniのインスタンスの貸出しはなく、東京リージョンでもmac1.metal(Intel系)しかなく、新しいMac mini(M1以降)は、借りられないようで
はじめに お久しぶり。また投稿をしに来ました。 最近はずっっっっっとbackendの開発をやっていて、frontendはもう忘れちゃう気がします。土日にelectron+reactでデスクトップアプリを開発してみて、frontendの知識も忘れない…かな？ さて、本題ですが、Promise.all()について皆さんはご存じでしょうか。複数のpromiseをまとめて実行する便利なメソッドですが、以前私は誤っていた書き方で大変なデバッグをしたのです。 正常例 まずは下記のソースコード： const promise1 = new Promise((resolve, reject) => { console.log("p1"); resolve(1); }) const promise2 = new Promise((resolve, reject) => { console.log("p2");
![[Javascript]Promise.all()は結果を返さない件 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f17cce1ebd2282099bb9f37ab1a1df1183761eee/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Fengineer-festa-ogp-background-074608b13b4bbe67c10ada41e7e2d292.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCSmF2YXNjcmlwdCU1RFByb21pc2UuYWxsJTI4JTI5JUUzJTgxJUFGJUU3JUI1JTkwJUU2JTlFJTlDJUUzJTgyJTkyJUU4JUJGJTk0JUUzJTgxJTk1JUUzJTgxJUFBJUUzJTgxJTg0JUU0JUJCJUI2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjNGRkZGRkYmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmcz1lNDdlNTJlMmNjZjdjNTEwZTRlZGZkMTMwNjQ3ZjI0Ng%26mark-x%3D120%26mark-y%3D96%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9OTcyJnR4dD0lNDBjaHJ5c2FsaXMmdHh0LWNvbG9yPSUyM0ZGRkZGRiZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWE1NTNkNTU0NDk1ZDI1Y2VhYzBkODM5YWFhMjM0ZjJi%26blend-x%3D120%26blend-y%3D500%26blend-mode%3Dnormal%26s%3D92d9d9dc14af94f503f7a62a21bf9683)
前回（React NativeをExpo無しで始めて、React Native for Webも動かすまで - Qiita）は、React NativeでiOS/Androidが動作し、React Native for Webでブラウザ上での動作まで確認できました。 今回は、それをElectron上で動かし、デスクトップアプリ化してみようと思います。 環境 前回の環境から少しアップデートしています。 macOS 10.13.3 Node.js 8.10.0 react 16.2.0 react-native 0.54.2 react-native-web 0.5.3 そこに今回、書きを追加します。 react-native-electron 0.4.2 electron 1.8.4 webpack-serve 0.2.0 実際には、下記を実行しました。 Electron動作用のファイルを準
この記事は、RPGツクールMV(なんでもあり) Advent Calendar 2015の16日目の記事です。前日の記事はこちら はじめに はじめまして、トリアコンタンといいます。就職以後ツクールシリーズとは無縁の生活を送ってきましたが、このたびのRPGツクールMVの発売を知って舞い戻った次第です。普段このブログは自作のプラグインを淡々と紹介していく場なのですが、本日は「RPGツクールMV(なんでもあり) Advent Calendar 2015」の記事と言うことで特別編成でお送りします。 さて、いよいよ発売が明日に迫った我らがRPGツクールMVですが、ご存じの通りマルチデバイス対応を一番の新要素として掲げています。そのうちWindowsとMacOSでのローカル実行（テストプレー含む）を担っているのがNW.jsという技術です http://nwjs.io/ https://github.c
iroha Tech Note 備忘録です。HTML5/JS、Electron(旧Atom-Shell), NW.js(旧node-webkit)、Adobe AIR/Flex、標準化の話などを中心に、日々学んだことを書いていきます。 インストール環境 : Windows 7 64bit 以下のソフトウェアをダウンロード 1. XAMPP 1.7.7 http://jaist.dl.sourceforge.net/project/xampp/XAMPP%20Windows/1.7.7/xampp-win32-1.7.7-usb-lite.exe 2. Eclipse 3.6 Helios(Pleiades All in One) http://ftp.jaist.ac.jp/pub/mergedoc/pleiades/3.6/pleiades-e3.6-php_20110326.zip 以
【個人開発】【Electron + Vue.js】「ノートを迷わず見返す」をコンセプトにしたデジタルノートアプリ『Puppet』の開発 - Qiita
スクリーンショット ２枚のスライドでざっくり紹介します。 このアプリのインタラクションについて 詳しくは後述のところで 主な使用技術 Electron Vue3（Vue CLI） VueQuill vue-mermaid-string 保存先 ⇒ ローカルストレージ アプリ開発の背景 開発経緯 まとめ きっかけ 数ヶ月前に内に向けて、とあるソフトウェアの操作方法のマニュアルを制作する機会がありました。 「マニュアルを読めば誰でも再現できる」、そんなマニュアルを作ろうと意気込んでいたので、かなり詳細に作り込みました。その結果、図や写真などもあわせて30ページほどになったわけです。 そのpdfを他の人に確認してもらったところ、 「欲しい情報がすぐに見つけられない」、というご指摘をいただきました。 こちらとしては丁寧にマニュアルを記述すべきという思いがあったため、かなり細かく書いてしまったわけで
Electron with TypeScriptアプリで開発に耐えうるログの出力をする - Code for final
Electronのログの出力はlog4jsを使えばできることがわかりましたが、サンプル程度に出力する記事しかなかったので実際にアプリを開発して アプリ開発に耐えうるログ出力についてまとめます。 log4jsをいれる 設定ファイルをおく ロガーの宣言をいれる ロガーを使ってログを出力する スタックトレースを出力する パッケージにログ出力設定ファイルを含める log4jsをいれる javaを使ったことある方ならおなじみのlog4jそのNode.jsバージョンが"log4js"です。 log4js-node.github.io 今回はTypeScriptで使うので型定義もインストールします。 vscodeのターミナルで以下のコマンドをたたきます。 npm install log4js npm install @types/log4js 設定ファイルをおく log4js用の設定ファイル(log4j
stliteとは StreamlitはPython環境上で実行されているサーバにブラウザでアクセスする仕組みですが、このサーバを同じブラウザ上で動くようにしたものがstliteです。 Streamlit Creator1であるWhitphxさんが開発しています。 PythonをWebAssembly(WASM)に移植してブラウザ上で動くようにしたPyodideというPythonディストリビューションがあり、stliteはStreamlitをこのPyodideで動くようにすることでサーバレスを実現しているそうです2。 ちょっとした可視化アプリを配布したい場合やWebページにStreamlitのプレイグラウンドを組み込みたい場合に便利そうですね。 例えばElectronと組み合わせればデスクトップで動くStreamlitアプリも実現できるそうです！ 使い方 以下のようなコードを書いたHTMLフ
なぜ作ろうと思ったか 急になにかしらの新しい技術を触ってみたいと思ったのと、デスクトップアプリを作ってみたい気持ちになりました。 最初はElectronを考えていたのですが、Tauriの方が新しかったのとRustも少しやってみたさがあったのでTauriでデスクトップアプリを作ろうと思いました。 バックエンドも興味のあったものをとりあえず全部盛りしました。 どんなアプリ？ ObsidianやNotionのようなノートアプリです。 できること ログイン ノートの追加、編集、削除 ノートの自動保存 マークダウンで書ける できないけどやりたいこと ログイン状態の維持 ノートのタブ切り替え 技術 Tauri Next.js Nestjs Prisma Supabase Auth0 詰まったところ 認証の時のコールバックどうすればよいのか 下記を使ってみました。 認証サービスからauthorizati
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
［入門］Webフロントエンド E2E テスト――PlaywrightによるWebアプリの自動テストから良いテストの書き方まで
Mac/Linuxでも楽しめる将棋アプリ「ShogiHome」が公開 ～オープンソース、Electron製／「Electron 将棋」から改称
So You Want To Build A Browser Engine
2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果
Electron将棋が素晴らしすぎる件について | やねうら王 公式サイト
WebAssembly・PWAの習作アプリを作成して感じたこと
Visual Studio Code May 2024
ウェブのプラットフォーム化 | Real World HTTP 第3版 - を読んだ
State of JavaScript 2023: Libraries
HuggingFaceFW/fineweb-edu · Datasets at Hugging Face
社内配布用のMacOS向けデスクトップアプリを公証する
ヨドバシ.com - 池袋東口に体験型リテールメディアストア「Yodobloom」を開店します
Electron 31.0.0 | Electron
ファリスの結婚（漫画）どこで読める？raw・hitomi・pdf・漫画違法サイトで無料で読める？
旅先で仲良くなった子が男と思っていたら実は女の子で - Google 検索
Next.JSのElectronデスクトップアプリを作る（Nextronを使わず） - Qiita
【知見】【RPGツクールMZ】Enigma Virtual Boxでのパッケージ化について
ソースコードをDropboxで同期したいが、node_modulesやdistは同期したくない
Electron将棋、幕を下ろす | やねうら王 公式サイト
[Javascript]Promise.all()は結果を返さない件 - Qiita
React Native for WebをElectronで動かす - Qiita
NW.jsのAPIを使ってRPGツクールMVの開発環境を改善する
XAMPP と eclipse で PHP のデバッグ環境を構築する – iroha Tech Note
サーバレスなStreamlit、stliteで遊ぼう！ - Qiita
Tauriでシンプルなノートアプリを作って遊ぶ - Qiita