検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 14 件 / 14件

新着順 人気順

SolidJSの検索結果1 - 14 件 / 14件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

 SolidJSに関するエントリは14件あります。 javascript、  react、  library  などが関連タグです。 人気エントリには ﹃React大好き侍が、﹁もうSolidJSでいいじゃん...//﹂ってなったワケ。 - Qiita﹄などがあります。  

SolidJSの関連エントリー

  • React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。 - Qiita

    Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。 コードの比較 React const Counter = () => { const [count, setCount] = useState(0) useEffect(() => { console.log(`Count: ${count}`) }, [count]) return ( <div> <div>{count}</div> <button onClick={() => setCount(prev => prev + 1)}>Add</button> </div> ) } const Counter = () => { const [count, setCount] =

      React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。 - Qiita

    • 高校生がAI作品に特化した画像投稿サービス「Aivy」を個人開発した話 | SolidJS & Supabase & Cloudflare


      こんにちは だだっこぱんだと言います。だだっこではないです。 今回は初めてしっかりした個人開発をしたので、技術的な部分についていろいろとお話しします。 つくったもの Aivy というAI作品に特化した画像投稿サイトを作りました🍃 👇よかったらこれ拡散してくれるとうれしいですの ScreenShot ホーム画面 投稿ページ ユーザーページ 検索 投稿管理 なにこれAI作品に特化した画像投稿コミュニティサービスです。 ただ画像を投稿するだけでなく、プロンプトやモデル等のAI画像生成に使う情報を一緒に投稿できます。 この記事では この記事では技術面にフォーカスしてお話しします。 どうして作ったの？ とかその辺の話は下記リンクのNoteにまとめてありますので合わせてご覧ください。 開発体制 メンバー ぼく(高校生) 開発フロー 完成まではゴリゴリローカルでした。タスク分けとか何も管理しません
        高校生がAI作品に特化した画像投稿サービス「Aivy」を個人開発した話 | SolidJS & Supabase & Cloudflare

      • GitHub - solidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.

        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

          GitHub - solidjs/solid: A declarative, efficient, and flexible JavaScript library for building user interfaces.

        • ep.128『SolidJSを踏まえて見つめ直すUIフレームワーク』 | UIT INSIDE

          @G4RDS が、 @uhyo_ と @AlanGDavalos に、SolidJSの登場を踏まえたUIライブラリの考え方について、話を聞いてみました。 https://www.solidjs.com/ Virtual DOMのないUIライブラリ コンポーネントの記述方法がReactのFunction Componentに似ている Type Narrowingについて https://www.solidjs.com/guides/typescript#control-flow-narrowing @uhyo_ のベンチマークについて Reactに有利なベンチマークを作ってみた https://qiita.com/uhyo/items/35cb243557df5e1a87fc React脳によるUIライブラリ書きやすさランキング https://qiita.com/uhyo/items/ff

            ep.128『SolidJSを踏まえて見つめ直すUIフレームワーク』 | UIT INSIDE

            • SolidJSの関連エントリー

          • memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita

            memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメJavaScriptTypeScriptフロントエンドReactSolidJS パフォーマンスなんか気にしたくない Give a man a bug and he'll work for a day. Give a man a benchmark and he'll work for a lifetime.1 https://twitter.com/awesomekling/status/1318615899910307850 パフォーマンスなんかに気をとられながら実装したくないんですよ。 React の memo() や useCallback() のような最適化のためだけの API を呼ぶ呼ばないで 1 ミリ秒も悩みたくないんです。そんな API は存在しないでほしい。 でも気に

              memo？ useCallback？ パフォーマンスが気になる JSXer には SolidJS がオススメ - Qiita

            • GitHub - pdfslick/pdfslick: View and Interact with PDFs in React SolidJS, Svelte and JavaScript apps

              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

                GitHub - pdfslick/pdfslick: View and Interact with PDFs in React SolidJS, Svelte and JavaScript apps

              • SolidJS の日本語ドキュメントが公開されました

                SolidJS とは 最近 1.0 が公開された JavaScript の UI フレームワークです。[1] JSX テンプレート 仮想 DOM なし 事前コンパイルによって、フレームワークのコードが「消える」 パフォーマンスが高い といった特徴があります。 詳しくは公式サイトをご覧ください。 日本語ドキュメント 左側のメニュー（スマホなどの場合は右上の > ボタン）から言語を切り替えてください。[2] Get Started: https://www.solidjs.com/guide Docs: https://www.solidjs.com/docs/latest/api これらは両方とも自分が翻訳しました！🎉 翻訳について もともと 5 月くらいに SolidJS のことを知り、軽く触ってみて面白いと思っていました。 6 月末に 1.0 のリリースとともに公式サイトが公開され、リ

                  SolidJS の日本語ドキュメントが公開されました

                • SolidJSに入門してみた | DevelopersIO

                  こんちには。 データアナリティクス事業本部機械学習チームの中村です。 今回は機械学習ではなくてフロントエンド話で、SolidJSのチュートリアルやってみた記事を書いてみたいと思います。 ちょっと前にフロントエンドを少しやっていたのですが、久しぶりに余暇を使って何か触りたいなと思い、SolidJSというものが目に入ったのがきっかけです。 なお本記事は以下のチュートリアルをやってみて、ココは結構Reactと違うなとか、個人的にハマった部分などフォーカスしています。 詳しく知りたい方はぜひチュートリアルをやってみてください！ 環境セットアップ お手元で動かしたい場合は、以下でOKです。 $ npx degit solidjs/templates/ts sample-solidjs $ cd sample-solidjs $ npm i $ npm run dev バンドラがViteだからかもしれ

                    SolidJSに入門してみた | DevelopersIO

                  • SolidJS Official Release: The long road to 1.0

                    It's been a long road to get here. It's been so long I can't even remember when I started. I logged on to an old private Bitbucket Repo and found "initial commit" on a repo aptly named "framework" from August 21st 2016. But I'm pretty sure that was my second prototype of a Reactive JavaScript Framework that would eventually become SolidJS. So I can safely say a stable release has been 1000s of hou

                      SolidJS Official Release: The long road to 1.0

                    • SolidjsでSSRとかSSGとかできるフレームワーク、SolidStartをざっくり紹介


                      SolidjsとSolidStartが個人的にかなり来てるので、今回はSolidStartでSSGだったりSSRだったりをする方法を紹介します。 👇SolidStart 👇Solidjs とりあえず動かしてみる まずはとりあえずで動かします。 超ざっくり解説です。 Create Solid ！！ Solidjsプロジェクトをつくります。 パッケージマネージャーはお好きなものを。今回はpnpmで行きます テンプレートを選択します。今回はとりあえずbareで。 そのほかのオプションはこんな感じで行きます。 Server Side Rendering?... はSSRするかどうか。 Use TypeScript?... はTypeScriptを利用するかどうか。 ファイルが生成されて入れば成功です。 Run SolidStart ！！ とりあえず開発サーバーを立ち上げてみます。
                        SolidjsでSSRとかSSGとかできるフレームワーク、SolidStartをざっくり紹介

                      • GitHub - solidjs/solid-start: SolidStart, the Solid app framework

                        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.

                          GitHub - solidjs/solid-start: SolidStart, the Solid app framework

                        • SolidJS「分割代入しないでクレメンス」ワイ「Why」 - Qiita


                          SolidJS君さぁ... Reactとは違い、stateやpropsを分割代入すると、reactivityが失われます。どういうことかと言うと、 const Component = (props) => { const { isLoading } = props return ( <Show when={!isLoading} fallback={<div>Loading...</div>}> <div>Some Content</div> </Show> ) } こうやってisLoadingを分割代入すると、値が変わっても表示が切り替わらなくなります。 createSignalやcreateStoreによって作成された状態に関しても同じです。 なぜなのか 公式ドキュメントのこのページの2番目のポイントに詳しく書いてありますね。 個人的な解釈をざっくりと書きます。 まず分割代入とはco
                            SolidJS「分割代入しないでクレメンス」ワイ「Why」 - Qiita

                          • SolidJSがどうやら魅力的です｜SHIFT Group 技術ブログ

                            はじめにSHIFT DAAE(ダーエ) 開発グループ所属の武藤です。 うっかりSolidJSに触れてみたら、沼にハマりそうです。そんな個人的に第一印象抜群のSolidJSは、高パフォーマンス&Reactの様にコードが書けることが特徴の、最近注目を集めるJavaScriptフレームワークです。 早速、ご紹介していきます。入門編としてご覧ください！ SolidJSとは概要ReactやVueと同じく。宣言型のJavaScriptフレームワークです。仮想DOMを使用せず、一度作成された実DOMノードをSignalやMemoといったプリミティブの変化に伴い部分的に更新させることで、高パフォーマンスなUIを実現しています（SignalとMemoについては後程の実装で触れますので、分からない場合はとりあえず読み飛ばしていただいて大丈夫です）。 Reactの様に書けるJSX, Fragment, Cont

                              SolidJSがどうやら魅力的です｜SHIFT Group 技術ブログ

                            • Why SolidJS: Do we need another JS UI Library?

                              It has come to my attention this article is the first some people are hearing of SolidJS. If you want to learn more about Solid, this is NOT where to start. I suggest looking at the github or the links at the bottom of the article. This just details my personal journey and is highly biased. The number of times I've asked myself that over the years is staggering. Even after hitting 2k stars on Gith

                                Why SolidJS: Do we need another JS UI Library?
                              1

                              新着記事

                              はてなブックマーク

                              公式Twitter

                              はてなのサービス

                              • App Storeからダウンロード
                              • Google Playで手に入れよう
                              Copyright © 2005-2024 Hatena. All Rights Reserved.