Rust+Webフロントの最前線！tauriを試してみた
@Pctg_x8です。 Deno 1.0の登場でRustとWeb関連技術の繋がりがより高まっていく中で、Electronライクな新しいアプリケーションフレームワークである「tauri」を見つけましたのでちょっと触ってみようと思います。 tauriについて 公式サイト: https://tauri.studio/ ※この記事ではv0.9.2をベースに解説しています。 tauriはまだメジャーバージョンが1になっていないため、頻繁にAPIの変更が起こる可能性があります。 概要 フロントはElectronと同じくWebViewですが、ベースの起動プログラム（Main Process）をRustで書くことができるものです。 ElectronではMain ProcessもJavaScript（Node.js）なので、例えば大量のデータを並行してバッと読むとか解析するとかの処理をさせようとすると マル
Vue.jsのslotの機能を初心者にわかるように解説してみた | フューチャー技術ブログ
はじめにはじめまして。2017年入社の永井です。 東郷さんによる「Vue.js最初の難関、「props down, event up」を初心者にわかるように解説してみた」はご覧になられましたでしょうか？おそらくVue.js最初の難関は無事乗り越えられたと思います！ 今回は「Vue.js初心者にわかるように解説してみた」第二弾として、props down,event up と同様に親子関係が肝となる、「slot」について、初心者に向けて説明していきたいと思います。 slotとはslotとは親となるコンポーネント側から、子のコンポーネントのテンプレートの一部を差し込む機能 です。 スロットというと「スロットマシン」が思い浮かびますが、もともとslotの「差し込み口」という意味から派生して、コインの投入口があるスロットマシンの意味をもつようになったそうです。 以下では大きく3つ、デフォルトのsl
とほほのGo言語入門 - とほほのWWW入門
概要 Go言語とは バージョン インストール Hello world Print・Println・Printf 変数(var) 定数(const) コメント 行末のセミコロン キーワード 演算子 型(type) 型変換 リテラル・値 エスケープシーケンス 配列(array) スライス(slice) マップ(map) 制御構文 If文(if) Switch文(switch) For文(for) Goto文(goto) 関数(func) 構造体(struct) インタフェース(interface) interface {}型 ポインタ(pointer) 領域確保(new) 遅延実行(defer) インポート(import) モジュール(module) パッケージ(package) ワークスペース(workspace) ゴルーチン(Goroutine) リンク 概要 Go言語とは Google
スロット — Vue.js
ガイド 基本的な使い方 インストール はじめに Vue インスタンス テンプレート構文 算出プロパティとウォッチャ クラスとスタイルのバインディング 条件付きレンダリング リストレンダリング イベントハンドリング フォーム入力バインディング コンポーネントの基本 コンポーネントの詳細 コンポーネントの登録 プロパティ カスタムイベント スロット 動的 & 非同期コンポーネント 特別な問題に対処する トランジションとアニメーション Enter/Leave とトランジション一覧 状態のトランジション 再利用と構成 ミックスイン カスタムディレクティブ 描画関数とJSX プラグイン フィルター ツール 単一ファイルコンポーネント テスト TypeScript のサポート プロダクション環境への配信 スケールアップ ルーティング 状態管理 サーバサイドレンダリング セキュリティ 内部 リアクティブ
【Nuxt.js】Nuxt文法編：$emit | aLiz Nuxt
書き方 @clickとセットで使用します🌟 書き方は2種類 メソッド記法 @click="methods名" this.$emit('イベント名', 第二引数) インライン記法 @click="$emit('イベント名', 第二引数)" 簡単な使い方 buttonを押すとalertが出ます⏰ 子のbuttonを親で検知し、 親でalertの出るmethodsを発火させます。 メソッド記法ver. 解説 $emit('welcome') 子のイベント@clickを 親に検知してもらうための$emit イベント名をwelcomeと名付けています。 @welcome 親で先ほどのイベントwelcomeを受け取って sayHiメソッドを発火させています💡 コード ) components methods内で$emitを 使用する場合はthisが必要です💡
React Spectrum Libraries
React Spectrum Libraries A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. GitHub React SpectrumA React implementation of Spectrum, Adobe’s design system. Spectrum provides adaptive, accessible, and cohesive experiences for all Adobe applications. Explore React Spectrum React AriaA library of unstyled React components and hooks that helps yo
GitHub - ianstormtaylor/slate: A completely customizable framework for building rich text editors. (Currently in beta.)
A completely customizable framework for building rich text editors. Why? · Principles · Demo · Examples · Documentation · Contributing! Slate lets you build rich, intuitive editors like those in Medium, Dropbox Paper or Google Docs—which are becoming table stakes for applications on the web—without your codebase getting mired in complexity. It can do this because all of its logic is implemented wi
GitHub - type-challenges/type-challenges: Collection of TypeScript type challenges with online judge
TypeScript+Electronでデスクトップアプリを作ってみる - SourceChord
最近あちこちでElectronを使ったアプリが出てきたり、入門記事もちらほら見かけるようになってきました。 流行りものには乗っておこうということで、Electronをちょろっと使ってみました。 Electron JavaScriptでの入門は、良質な記事がネット上に多々あるので、 ここではTypeScriptを使ってElectronアプリを作ってみたいと思います． サンプルコード一式は、以下に置いておきました。 GitHubからcloneした後、npm installしてnpm startすれば実行できます。 準備 プロジェクトの作成 electronのインストール TypeScriptコンパイラ tsconfig.jsonの作成 tsdを使って型定義ファイルを用意 tsdのインストール 型定義ファイルの取得 作ってみる ボタンを押したらalert表示するだけのサンプル エントリポイントの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - tauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.
Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Apps
aLiz Nuxt
Static Site Generators - Top Open Source SSGs | Jamstack
https://www.slatejs.org/examples/richtext
GitHub - indiespirit/react-native-chart-kit: 📊React Native Chart Kit: Line Chart, Bezier Line Chart, Progress Ring, Bar chart, Pie chart, Contribution graph (heatmap)
