Laravel + Vue + Vite + Inertia.js環境にSSRを導入する - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Vue 3のアプローチ比較：Options API vs Composition API 【海外記事紹介】
Vue.jsは、Options APIとComposition APIの2つのAPIを提供しています。 それぞれのメリットとデメリットを理解し、プロジェクトに最適な方法を選択するための情報を提供します。 コンポーネント作成方法の選択は、開発者にとって重要であり、プロジェクトのスケーラビリティや再利用性に影響を与えます。 LogRocketは、8月14日に「Comparing the Vue 3 Options API and Composition API」（Vue 3 Options API と Composition API の比較）と題する記事を公開した。この記事では、Vue.jsの新しいバージョンであるVue 3のコンポーネント作成における2つのアプローチであるOptions APIとComposition APIについて詳しく説明されている。 Vue.jsは、フロントエンドフレー
【JavaScript】免許証ジェネレータを作ってみた【SVG】 - Qiita
はじめに 仕事で少しSVGを扱うことがあったので、免許証ジェネレータを作ってみました。 制作工数: 2日間(20時間程度) 作ったもの 免許証ジェネレータ 🥳 パラメータを設定して↓のような免許証を生成できます。 使い方 下部のタブから画像やテキスト等を設定して「変更を反映」を押下します。 「画像を保存」からローカルに画像を保存できます。 ソースコード 雑ですが↓に置いています。 免許証ジェネレータの作り方 定数を設定しようと考えましたが、めんどくさくなってマジックナンバーだらけになりました😿 SVGコードのベストプラクティス的なものがよくわかっていないので今後勉強しようと思います。 技術 JavaScriptとHTMLだけです。 JavaScriptでSVGを生成して、HTML要素にappendします。 描画メソッドを作る 線、枠、文字、画像を描画するメソッドを作成します。 座標、大
2023-04-19のJS: vueuse 10.0.0、Immer 10.0.0、Node.js 20.0.0
JSer.info #640 - Vue向けのUtilityライブラリであるvueuse 10.0.0がリリースされました。 Release v10.0.0 · vueuse/vueuse 破壊的な変更としてisFunctionとisStringを削除、computedAsyncのデフォルト挙動をshallowに変更、resolveRefをtoRefにリネーム、非推奨なAPIの削除などが行われています。 機能追加として、createReusableTemplate/createTemplatePromise/useAnimateの追加などが行われています。 Immutableなオブジェクト操作を行うImmer 10.0.0がリリースされました。 Release v10.0.0 · immerjs/immer 実行にはES2015+環境が必要となったため、実質的にIEのサポートを終了していま
ChromeのV8 JavaScriptエンジンのゼロデイ脆弱性に対する緊急アップデートをGoogleが実施、既に攻撃に悪用されまくっているため
Googleが2023年4月14日に、Google Chromeのゼロデイ脆弱(ぜいじゃく)性に関する緊急アップデートをリリースしました。Googleはこのアップデートにより、深刻度が「高」と設定された脆弱性の「CVE-2023-2033」に対応しました。 Chrome Releases: Stable Channel Update for Desktop https://chromereleases.googleblog.com/2023/04/stable-channel-update-for-desktop_14.html Google Chrome emergency update fixes first zero-day of 2023 https://www.bleepingcomputer.com/news/security/google-chrome-emergency-u
ESLint とかのインストールだるくないすか？を解決する OSS を書いてる話
tl;dr; JS(TS) 書くときに入れるものって何がある？ node のプロジェクト新しく作るとき JS とか TS の開発時に決まって(ほぼ脳死で)入れるものと言ったら何があるでしょうか？ 人によって違いがあるとは思いますが、だいたい以下の通りではないかなと思います。 ESLint Prettier Jest TypeScript そして、Next.js などの各種フレームワークを使う場合は ESLint とか Jest とか TypeScript が自動セットアップされている状態、というのがプロジェクト作成時に構築されてるんじゃないかなと思います。 でもこれらのセットアップが面倒だと思ったこと、土日もコード書く開発者各位は一度は思ったことあるんじゃないかなと思います。 具体的に何が面倒？ node のプロジェクトであることを前提に、1 から構築していく前提で話を進めます。 Pret
Node.jsとJavaScriptアプリを単一の実行ファイルにする「Single Executable Applications」機能、Node.js 19.7.0で実験的機能として搭載
2月21日にリリースされたNode.jsの最新バージョン「Node.js 19.7.0」で、Node.jsとJavaScriptアプリケーションを単一の実行ファイルにパッケージングする新機能「Single Executable Applications」が実験的機能として搭載されました。 一般にNode.jsのアプリケーションをデプロイするには、Node.jsのインストールや環境設定をするところから始めなければなりません。 今回新しく実験的に搭載されたSingle Executable Applications機能を使うと、そのまま実行可能な単一の実行ファイルを作ることができるため、それを配置するだけで簡単にデプロイができるようになる見通しです。 Single Executable Applicationsでは、postjectと呼ばれる新しいコマンドが用意されます。これを用いてNode.
LangChain.js クイックスタートガイド - TypeScript版｜npaka
TypeScript版の「LangChain.js」のクイックスタートガイドをまとめました。 ・LangChain.js v0.0.6 1. LangChain.js「LangChain」は、「大規模言語モデル」 (LLM : Large language models) と連携するアプリの開発を支援するライブラリです。「LangChain.js」はそのTypeScript版になります。 「LLM」という革新的テクノロジーによって、開発者は今まで不可能だったことが可能になりました。しかし、「LLM」を単独で使用するだけでは、真に強力なアプリケーションを作成するのに不十分です。本当の力は、それを他の計算や知識と組み合わせた時にもたらされます。「LangChain」は、そのようなアプリケーションの開発をサポートします。 主な用途は、次の3つになります。 ・文書に関する質問応答 ・チャットボット
JavaScript解説書の決定版！ ES2022対応、開発に必要な確かな知識が身につく良書 -改訂3版JavaScript本格入門
待ち望んでいた人も多いと思います。 『改訂3版JavaScript本格入門』超ロングセラーの最新刊が発売されました！ JavaScriptを何となく触っていた人が確かな知識を身につけるために間違いなくお勧めです。基礎から中級向けの実践的な内容まで本当にわかりやすく解説されており、現場で使用される応用知識も詳しく踏み込んで解説されています。 本書は、先日発売されたばかり！ 改訂3版ではECMAScript 2022に対応、約200ページ増の大幅改訂版となっています。JavaScriptの最新の基本文法から、開発に欠かせない応用トピックまで詳しくていねいに解説されています。 ステップアップしたい人、最新の知識やテクニックを補完したい人にJavaScriptの教科書として手元に置いておきたい一冊です。
フリーランスITエンジニアの案件数が多い言語、1位Java、2位JavaScript、3位PHPなど。Go言語は人材不足。レバテックフリーランス調べ
フリーランスITエンジニアの案件数が多い言語、1位Java、2位JavaScript、3位PHPなど。Go言語は人材不足。レバテックフリーランス調べ ITエンジニア向けの転職や求人などの支援サービスをに提供するレバテックは、フリーランスのITエンジニア向けに案件紹介などを手がける「レバテックフリーランス」に蓄積された2万件以上のフリーランス案件のデータを元に、プログラミング言語別の案件数や月単価のランキングを発表しました。 集計期間は2021年10月から2022年10月までの1年間です。 発表によると、フリーランスのITエンジニア向けに案件数が多いプログラミング言語の1位はJavaで5564件、次いで2位がJavaScriptで3902件、3位がPHPで2836件となっています。 1位のJavaは、Webアプリケーションやゲームなどの開発に用いられることは比較的少なく、主に業務アプリケーシ
marker.js - Web上の画像に注釈を追加 MOONGIFT
写真にマーカーを付けたり、注釈を入れたいと思うことがあるでしょう。通常は画像編集ソフトウェアを使って行います。Webブラウザからであれば一度画像をダウンロードした後、編集しなければならず面倒です。 そこで使ってみたいのがmarker.jsです。Webブラウザ上から手軽に画像への注釈追加が可能です。 marker.jsの使い方 画像の上部をクリックするとツールが表示されます。 そしてマーカを追加。 できあがった画像です。文字や矢印なども追加できます。 marker.jsは単純にJavaScriptでコンテンツを載せているだけでなく、Canvas上に描画することによって編集した画像をそのままダウンロードできます。簡易的な画像編集としても利用できそうです。 marker.jsはJavaScript製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 marke
ECMAScriptの浮動小数点数の丸め仕様がスゴい - hnwの日記
ECMAScriptの浮動小数点数の丸め関数である Number.prototype.toFixed() について調べてみたところ、浮動小数点数をわかっている人が作った硬派な仕様だと感じたので、解説してみます。 浮動小数点数の丸めの善し悪しについて 私はプログラミング言語の浮動小数点数の丸め処理に興味があり、過去に関連記事を30本以上書いています。こうした活動から得られた知見として、良い丸め関数には次のような性質があると考えています。 仕様がシンプルで直感的であること 仕様が抜け漏れなく文書化されていること バグを作り込みにくい仕様であること どれも良い関数の一般論のような話ですが、丸め処理に限って言えば簡単な話ではありません。そもそも浮動小数点数の性質が人の直感に反するため利用者にとっても実装者にとっても罠が多く、結果として上の条件を満たせないことが多いのです（私が面白いと感じるポイント
photoEditor - Webブラウザ上で画像編集
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Webアプリケーションでできることの幅が広がっていますが、最近ではさらにWebブラウザ上だけでできることも広がっています。Webブラウザ上のJavaScript、ワーカー、WebAssemblyと機能が拡充しています。 今回はphotoEditorを紹介します。クリック一つで画像を加工できる、そんなWebアプリケーションです。サーバサイドは使っていません。 photoEditorの使い方 写真を開きました。元写真は友情 楽しい バックライト · Pixabayの無料写真より。 回転したり。 アスキーアート化も。 photoEditorは画像をCanvas上に読み込んで、それを加工しています。一部の加工はできず、画像全体に反映されます。ボタン一つで加工できるというのが手軽で使いやすい
要チェックな10個の Node.js フレームワーク - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、10 Node.js Frameworks Worth Checking Out: Express, Loopback, Hapi, and Beyond の日本語訳です。 要チェックな10個のNode.js フレームワーク テクノロジーは急速に変化しているので、開発者たちは新しいテクノロジーを使用し、Web開発のニーズに合わせて、より便利なフレームワークを採用しています。Node.js は、アプリ開発にJavaScriptを使うのが好きな開発者達から、大いに注目されています。 開発者であるあなたは、クライアントサイドとサーバ
Rust-based platform for the Web – SWC
SWC is an extensible Rust-based platform for the next generation of fast developer tools. It's used by tools like Next.js, Parcel, and Deno, as well as companies like Vercel, ByteDance, Tencent, Shopify, Trip.com, and more. SWC can be used for both compilation and bundling. For compilation, it takes JavaScript / TypeScript files using modern JavaScript features and outputs valid code that is suppo
javascript-algorithms/README.ja-JP.md at master · trekhleb/javascript-algorithms
数学 B ビット操作 - set/get/update/clear bits, 2つの乗算/除算, 否定的にする. 等 B 因果関係 B フィボナッチ数 - クラシックとクローズドフォームのバージョン B 素数性テスト (trial division 方法) B ユークリッドアルゴリズム - 最大公約数を計算する (GCD) B 最小公倍数 (LCM) B エラトステネスのふるい - 与えられた限度まですべての素数を見つける B Is Power of Two - 数値が2の累乗であるかどうかを調べる（単純なアルゴリズムとビットごとのアルゴリズム） B パスカルの三角形 B 複素数 - 複素数とその基本演算 B ラジアン＆度 - 度数と逆方向の変換に対するラジアン B 高速電力供給 A 整数パーティション A Liu Hui π アルゴリズム - N-gonsに基づく近似π計算 A 離散フ
VS CodeでJavascriptの型判定を行う - Qiita
はじめに Qiita初投稿。ちょっと緊張するので、豆知識的な軽めな話題で始めてみます。 なんですが、以外にもQiitaでは記事を見かけなかった内容なので、誰かのお役に立てば。 2019/01/19 更新 ES6なしで複数ファイルにまたがった場合 を追加 ローカル変数の型宣言を追加 結論 VS Codeでは、jsファイルに//@ts-checkのコメントを追加すると、TypeScriptとして型チェックをしてくれる Type Checking JavaScript Files VS CodeでJavascriptで型チェックを行う 皆さんJavascriptでの開発中に、しょうもない型間違いでエラーが出ることはないでしょうか。私はあります。 Javascriptは割と適当に書いても動くのは楽でいいんですが、真面目に書き始めると細々したエラーが出てうんざりします。簡単な型間違いぐらいは動かすま
Sequelizeで論理削除とUNIQUE制約の両立 - Qiita
はじめに 近年、テーブル設計で論理削除を採用することが増えているのではと思っています。 それは、以下の様な事情が増えていると思うからです。 Web APIのクライアントとしてネイティブアプリ・ハイブリッドアプリを開発している クライアント側のデータ更新は、基本的にサーバから取得したデータを元に行っている（サーバが正、クライアントが副 ） そのうちの「削除」についても、サーバから取得したデータの削除フラグを元に行っている こういう事情のもとでは、サーバ側のDBで論理削除を採用するのが一般的なのかなと思います。 論理削除とUNIQUE制約について ※ 以下はMySQLでの経験を元にした話で、他のDBでは当てはまらない話があるかも知れません 論理削除のためのテーブル設計でよく 「emailカラムにUNIQUE制約かけたいが、削除されたユーザに関しては無視したい。削除されているのなら、同じemai
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「Java？ JavaScriptのことですの？」 やめろ炎上する ITお嬢様と学ぶプログラミング言語の基礎
GitHub - myliang/x-spreadsheet: The project has been migrated to @wolf-table/table https://github.com/wolf-table/table
