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
HyperloopとElectronでアプリを作ってみる - Qiita
Hyperloopというフレームワークがあります。 OpalでReactをラップしたフレームワークとなっております。 つまりRubyでWebのフロントエンドを作るためのフレームワークですね。 ところで、WebフロントエンドがあればElectronアプリ化ができます。 つまりHyperloop（生Opalでも良いけど） + Electronで、Rubyを使ったマルチプラットフォーム・デスクトップアプリの開発が可能では？ という事で、やってみました。 対象読者 Rubyを使ったことがある Reactを使ったことがある Hyperloopアプリ まず普通にHyperloopアプリを作ってみましょう。 いつもは足し算アプリを作るのですが、今回は気分を変えてTODOアプリにしてみました。JSフレームワークのサンプルっぽいですよね。 Hyperloopの導入 Opalアプリの環境はRubyと同じくBu
VS CodeがDOMによるターミナル実装のパフォーマンスを改善できなかったためCanvasに変更
Integrated Terminal Performance Improvements Electronという史上まれに見るそびえ立つクソのようなGUIプラットフォーム上で実装されているVS Codeが、ターミナルの実装をDOMによるものからCanvasによるものに変更したそうだ。これは、DOMによる実装ではパフォーマンスの改善が十分にできなかったからだという。 DOMでターミナルを実装する際の問題ごととして、テキスト選択、テキストアライメント、GC、パフォーマンスを上げている。 テキスト選択：ターミナルのテキスト選択を実現するためにDOMのテキスト選択の挙動をだいぶ上書きしなければならない。 テキストアライメント：一部の文字はモノスペースになってくれず、workaroundとして一文字ごとに固定長のspanで包む必要があるが、これはパフォーマンス上よろしくない。 GC：DOMでターミナ
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を作成する前にこれをチェックしてくださ
RailsエンジニアがElectronを触ってみた - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近流行り（？）の、HTML + JavaScriptでクロスプラットフォームなデスクトップアプリを作成できるフレームワーク、 Electron を触ってみた。 Electron Electronとは GitHubが開発しているオープンソース 旧名Atom-Shell リッチなAPIを持ったランタイムを提供、ユーザーはHTML, JavaScriptといった普段使っているWeb技術でデスクトップアプリを作成可能 Mac、Windows、Linux対応 以下の2つの要素がベースとなっている Chromiumブラウザ Chromeブラウザの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デスクトップアプリを作成できるフレームワークをWindowsで触ってみた～Electron | | Scimpr Blog
electronなGraphvizエディタ "electron-viz" - Qiita