Opalとは(2018年版) - Qiita
OpalはRubyのコードをJavaScriptに変換するコンパイラです。Opalを使うと、Rubyのプログラムをブラウザ上で動かすことができます。 Opal: Ruby to JavaScript Compiler Opalの用途 ブラウザで動くアプリケーションをRubyで書けるよ、というのが主な用途になります。JSでいいじゃん、という人には訴求しないですけど…、Rubyをブラウザでも使いたい、という人にはとても良くできているツールだと思います。筆者はJSも書けなくはないですがRubyが一番長く使っていて手に馴染むので、Opalの可能性には期待しています。というだけではなくて、DXOpalというゲームフレームワークと、OvtoというWebフレームワークを実際に作って使っています。 Opalでゲームプログラミング DXOpalは筆者が作ったゲームフレームワークです。Rubyist Maga
【両OS対応】 React Nativeで爆速プロトタイプアプリを作ろう 1/3 【ウェルカム画面編】｜川西発之
※※※※※ 本記事は2018年5月に執筆されました．当時の React Native の環境から変わっている部分もありますので，2020年5月より記事の値段を大幅値下げすると同時に，記事更新や質問等のサポートの対象外とさせて頂きます． m(_ _ )m 1/3 【ウェルカム画面編】：799円 → 199円 2/3 【ホームタブ編】：899円 → 299円 3/3 【プラスボタン編】：999円 → 399円 ※※※※※ 1. ウェルカム画面編 ← 今ココ 2. ホームタブ編 3. プラスボタン編 note.muの中の方からもコメント頂けました！ありがとうございます！ ↑このシリーズの最終完成形 ↑この記事での目標 この記事で得れる物・上図のスマホアプリが作れるようになる ・React Nativeの流れを図で直感的にわかる ・なぜこのようにプログラミングをしたのかまでわかる この記事の対象者
Electronアプリを公開するまでにやったことノウハウまとめ - Qiita
利用したもの Git npmパッケージでgithubからURL指定でリポジトリから取得してくる時に利用する node.js electronのnode.jsはnpm時に自動的にインストールされる npmをインストールしたり開発向けデバッグ起動に使うものでバージョンは神経質になる必要は無い yarn npmより超高速にインストール出来る npm-shrinkwrap.jsonにあたるyarn.lockがデフォルトで生成されるのでバージョン固定化・統一がしやすい npm install -g yarn yarn && cd src && yarn 本プロジェクトではルートにはelectron他、デバッグ、ビルド用devDependenciesを、実際にパッケージングされる場合に必要なnode_moduleはsrc以下にpackage.jsonを作成しdependenciesに追加して無駄なno
懐かしの「Windows 95」を再現するWindows、macOS、Linuxアプリ、GitHubに登場（非公式）
米Microsoftが1995年8月24日にリリースした「Windows 95」を現行のWindows、macOS、Linuxで再現するアプリがGitHubで公開された。 開発したのは米Slackのエンジニア、フェリックス・リースバーグ氏。Electronのフレームワーク内で稼働する。Windows版（129MB）をWindows 10最新版搭載のノートPCにインストールしてみたところ、Wordpadなどが問題なく動いた（Windows 95らしくレスポンスは悪い）。タスクマネージャーの表示によると、必要なメモリ量は200MB前後だった。 関連記事 「Windows 10」春のアップデートは「AI活用で過去最速の普及」とMicrosoft Microsoftが4月30日にリリースした「Windows 10 April 2018 Update」は、初めて採用したAIによるローリングアウト方式
HyperloopとElectronでアプリを作ってみる - Qiita
Hyperloopというフレームワークがあります。 OpalでReactをラップしたフレームワークとなっております。 つまりRubyでWebのフロントエンドを作るためのフレームワークですね。 ところで、WebフロントエンドがあればElectronアプリ化ができます。 つまりHyperloop（生Opalでも良いけど） + Electronで、Rubyを使ったマルチプラットフォーム・デスクトップアプリの開発が可能では？ という事で、やってみました。 対象読者 Rubyを使ったことがある Reactを使ったことがある Hyperloopアプリ まず普通にHyperloopアプリを作ってみましょう。 いつもは足し算アプリを作るのですが、今回は気分を変えてTODOアプリにしてみました。JSフレームワークのサンプルっぽいですよね。 Hyperloopの導入 Opalアプリの環境はRubyと同じくBu
OpalでElectronのアプリをつくる(その1) - Qiita
この記事はOpal Advent Calendar 2016の14日目の投稿として書いています。 またまた遅刻です。OpalでElectronアプリをつくろうとしたのですが、なかなか苦労してしまいました。 残念ながら今回の記事だけで完結しなそうです。 この記事には間違いがありました。詳しくは15日目の記事にゆずりますが、ここから先を読むときは注意してください。 electron_opalというのがあるので、これで楽勝なんじゃないかと思ったらこれがなかなかちゃんと動いてくれません。 とりあえず、ElectronでOpalのコードを実行できたのでそこまでの道のりをその1として書こうと思います。 まずはgem installと思いきや、RubyGems.orgに登録されていません。一応gemとして作られているので、git cloneしてきてGemfileに
VS CodeがDOMによるターミナル実装のパフォーマンスを改善できなかったためCanvasに変更
Integrated Terminal Performance Improvements Electronという史上まれに見るそびえ立つクソのようなGUIプラットフォーム上で実装されているVS Codeが、ターミナルの実装をDOMによるものからCanvasによるものに変更したそうだ。これは、DOMによる実装ではパフォーマンスの改善が十分にできなかったからだという。 DOMでターミナルを実装する際の問題ごととして、テキスト選択、テキストアライメント、GC、パフォーマンスを上げている。 テキスト選択：ターミナルのテキスト選択を実現するためにDOMのテキスト選択の挙動をだいぶ上書きしなければならない。 テキストアライメント：一部の文字はモノスペースになってくれず、workaroundとして一文字ごとに固定長のspanで包む必要があるが、これはパフォーマンス上よろしくない。 GC：DOMでターミナ
Marp - Markdown Presentation Writer
It's a time to migrate into Marp Next! The publication of classic Marp app has ended. Marp desktop app, a simple Markdown presentation writer, already had stopped maintenance since 2017. Today Marp team is focusing into Marp Next project, the brand-new presentation ecosystem for the future. See more details in our blog post. Why? We had kept publishing app for stuck users that are thinking Marp Ne
Spring Initializr の desktop app を Electron で書いた - daily dayflower
https://github.com/dayflower/electron-spring-initializr IntelliJ IDEA の Ultimate 版だと Project 生成のときに Spring Initializr を利用して作成することができるんだけど、 Community Edition にはその機能がない。単に Web の Spring Initializr を実行して zip アーカイブをダウンロードして展開すればいいだけなんだけど、その一手間がダルいので Electron でアプリケーションにした。 Spring Initializr には API (というか metadata 仕様？)があるんだけど、それを利用してるんではなくて、単純に内蔵ブラウザで Initializr のサイト表示して、 Generate Project ボタン押されたときに*1それをフ
electron/docs-translations/jp at master · electron/electron · GitHub
README.md 使用している Electron のバージョンに応じたドキュメントを使うように確認してください。 ドキュメントのバージョン番号はページの URL の一部になっています。 そうでない場合、おそらくご使用の Electron のバージョンと互換性のない API 変更を含んだ development ブランチのドキュメントを使っているものと思われます。 その場合、atom.io の available versions リストにある別のバージョンのドキュメントに切り替えることができます。また GitHub で閲覧している場合、"Switch branches/tags" ドロップダウンを開いて、バージョンに対応したタグを選ぶこともできます。 リンクになっていないリストは未翻訳のものです。 FAQ 頻繁に聞かれる質問がありますので、issueを作成する前にこれをチェックしてくださ
electronなGraphvizエディタ "electron-viz" - Qiita
electronなGraphvizのエディタを作成しました！ https://github.com/Kazunori-Kimura/electron-viz 概要 dotファイルをsvgに変換し、表示します エディタ部分で編集した内容がリアルタイムに反映されます svgファイルを保存できます ダウンロード windows/macのバイナリを作成しています。 ダウンロードは以下のURLから。 https://github.com/Kazunori-Kimura/electron-viz/releases/latest 開発 ソースコードから実行する場合は、以下の手順で。 npm v3の場合は --global-style オプションを指定してインストールしてください。 参考: npm v3 で Electron のパッケージサイズが大きくなる $ git clone git@github.c
RailsエンジニアがElectronを触ってみた - Qiita
最近流行り（？）の、HTML + JavaScriptでクロスプラットフォームなデスクトップアプリを作成できるフレームワーク、 Electron を触ってみた。 Electron Electronとは GitHubが開発しているオープンソース 旧名Atom-Shell リッチなAPIを持ったランタイムを提供、ユーザーはHTML, JavaScriptといった普段使っているWeb技術でデスクトップアプリを作成可能 Mac、Windows、Linux対応 以下の2つの要素がベースとなっている Chromiumブラウザ Chromeブラウザのオープンソース版 io.js ランタイム Electron uses web pages as its GUI, so you could also see it as a minimal Chromium browser, controlled by Ja
Electron 1.0でデスクトップアプリ開発超入門――動作の仕組み、基本的な使い方、セキュリティの懸念点
いまさら聞けないElectronとは Electronは、クロスプラットフォーム向けのデスクトップアプリを開発できる、オープンソースソフトウェア（OSS）の開発プラットフォームです。HTML、CSS、JavaScriptといったWebフロントエンド技術を使って開発できるという特徴があり、Node.jsとChroniumで動作する、WindowsやMac（OS X）、Linuxなどのデスクトップ向けアプリを開発できます。 Electronは米GitHubが開発しており、「Atom」「Slack」「Visual Studio Code」などメジャーなデスクトップアプリで使われています。 2016年5月11日、Electronのメジャーバージョン「1.0」が公開されました。また、Electron製アプリの検証やデバッグなどを行うことができる「Devtron」のメジャーバージョン「1.0」、テステ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デスクトップアプリを作成できるフレームワークをWindowsで触ってみた～Electron | | Scimpr Blog
Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron