[B! javascript] tyosuke2011のブックマーク

tyosuke2011 id:tyosuke2011

javascriptに関するtyosuke2011のブックマーク (848)

Poku
🐷 What's Poku?A cross-platform test runner that brings the JavaScript essence back to testing. ⚡️ Quick Tutorials
tyosuke2011 2024/07/18
javascript
リンク
MySQL 9.0登場。 JavaScriptストアドプログラムが利用可能に、ベクトル型もサポート
オラクルはリレーショナルデータベース﹁MySQL﹂の新バージョンとなる﹁MySQL 9.0﹂をリリースしました。 MySQLは現在、数カ月ごとにリリースされ積極的に新機能が追加されるイノベーションリリース︵Innovation Release︶と、長期で安定して利用されることを想定して2年ごとにリリースされる長期サポート︵LTS‥Long Term Support︶版の2つに分かれてリリースされています。現在のLTS版は今年︵2024年︶4月に登場したMySQL 8.4です。そして今回リリースされたMySQL 9.0はイノベーションリリースに該当します。最新機能をいちはやく試したい開発者やユーザーのためのリリースです。 MySQL 9.0の主な新機能 MySQL 9.0のドキュメント﹁What Is New in MySQL 9.0﹂から、新機能﹁JavaScriptストアドプログラム
tyosuke2011 2024/07/08
mysql

javascript

プログラム

データベース
リンク
知っておくと仕事が捗る便利ツール17選 - Qiita
はじめに知っておくと仕事が捗るブラウザ上で動く超便利なツールを17個集めました。 Squoosh Googleが開発した画像変換・圧縮用のWebサービス。プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができる。 Documatic Documaticは、プロジェクトドキュメントの開発プロセスを削減するためのツール。API リファレンスからユーザーガイドまで、コードベースを簡単に文書化できる柔軟なテンプレートとユーザーフレンドリーな編集ツールを提供する。 transf orm jsonからyamlの形式に変換したい等、あらゆるデータ形式から別の形式に変換するサービス。 jsonからyml、htmxからjsxへの変形、jsonやGraphQLのIDLからTypeScriptのinterfaceまでも、ブラウザ上で生成することができる。 Roadmap.s
tyosuke2011 2024/07/01
ツール

CSS

javascript

仕事

あとで読む
リンク
JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響
ウェブブラウザのバージョン間の違いを無効化するJavaScriptライブラリ﹁Polyfill.io﹂が、2024年2月のプロジェクトオーナー変更後、マルウェアが混入されてサプライチェーン攻撃に利用され、10万以上のサイトに影響が出ています。 Polyfill supply chain attack hits 100K+ sites https://sansec.io/research/polyfill-supply-chain-attack ﹁Polyfill.io(polyfill.js)﹂はアンドリュー・ベッツ氏が開発したJavaScriptライブラリです。ウェブブラウザのバージョン間で機能の違いがあると開発時に苦労しますが、Polyfill.ioを利用すれば、新しいバージョンにしかない機能を古いバージョンで利用できるようになるため、バージョンの違いを気にすることなく開発を進めること
tyosuke2011 2024/06/27
github

javascript

セキュリティ
リンク
HTMX入門【はじめからそうやって教えてくれればいいのに！】
はじめにこの記事の内容は、以下の動画でも解説しています。アニメーションでわかりやすくなっているので、ぜひ見てみてください。他にもWebに関する解説動画を投稿しているので、気になる人はチャンネル登録よろしくお願いします！ HTMXとは？ HTMX とは、一言で言うと、JavaScriptを書かずに動的なページを簡単に作成できるライブラリのことです。 htmx is a library that allows you to access modern browser features directly from HTML, rather than using javascript. ︵訳︶htmx は、JavaScript を使用するのではなく、HTML から最新のブラウザー機能に直接アクセスできるようにするライブラリです。 </> htmx ~ Documentation ...と言っても
tyosuke2011 2024/06/25
HTML

入門

javascript
リンク
配列操作をもっと簡単に！JavaScriptのfilter関数の魅力とは？｜DAD UNION – エンジニア同盟
JavaScriptのfilter関数は、配列操作において非常に便利なメソッドの一つです。特に、特定の条件に基づいて配列から要素を抽出する際に使用されます。この記事では、filter関数の基本的な使い方から、実際の使用例までを分かりやすく解説します。filter関数とはfilter関数は、配列の各要素に対して指定した条件をチェックし、条件に合致する要素のみを抽出して新しい配列を作成するメソッドです。この関数は、元の配列を変更せず、新しい配列を返します。基本的な構文は以下の通りです。 const newArray = originalArray.filter(callback(element[, index[, array]])); callbackは、各要素に対して実行される関数であり、以下の引数を取ります。element: 現在の配列要素 index (オプション): 現在の要
tyosuke2011 2024/06/24
エンジニア

javascript

web制作

プログラマ
リンク
JavaScriptの活躍の場を広げる「ランタイム」の今
執筆山内直有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ︵代表山田祥寛︶に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は﹁たまデジ。﹂。著書に﹃Bootstrap5フロントエンド開発の教科書﹄、﹃作って学べるHTML＋JavaScriptの基本﹄など。監修山田祥寛静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Techno logies。執筆コミュニティ﹁WINGSプロジェクト﹂代表。主な著書に﹁独習﹂シリーズ、﹁これからはじめるReact実践入門﹂、﹁改訂3版 JavaScript 本格入門﹂他、
tyosuke2011 2024/06/21
javascript
リンク
JavaScriptの標準規格「ECMAScript」を見直す。これからの注目機能も紹介
JavaScriptの標準規格﹁ECMAScript﹂を見直す。これからの注目機能も紹介 2024年6月5日執筆山内直有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ︵代表山田祥寛︶に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は﹁たまデジ。﹂。著書に﹃Bootstrap5フロントエンド開発の教科書﹄、﹃作って学べるHTML＋JavaScriptの基本﹄など。監修山田祥寛静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Techno logies。執筆コミュニティ﹁WINGSプロジェクト﹂代表。主な
tyosuke2011 2024/06/19
javascript

Web標準
リンク
今すぐにNext.jsでフロントエンド開発 or Web制作を快適に始めたい方におすすめの簡単セットアップを紹介する
はじめに株式会社LCLでフロントエンドエンジニアとして働いている﹁おとの﹂と申します。今回は、今をときめくフロントエンドのフレームワーク﹁Next.js﹂を使って、個人もしくは複数人のチームで快適にフロントエンド開発を行いたい方にオススメのセットアップを紹介します。本セットアップを行うメリットは以下の通りです。︵自動formatが有効になる等︶開発速度が増す︵StylelintやEslintの静的解析により︶不具合の発生や潜在的なエラーを防ぎやすくなるコードの品質と一貫性を保つことができる Next.jsを使いこなせれば、フロントエンド開発だけに限らず、ランディングページ︵LP︶など静的なWebサイトの実装を行うWeb制作にも有用です。私自身、Webサイト1ページのコーディングが求められる際もNext.jsを使っています。本セットアップも簡単に終わるので、今すぐ始めたい方はぜ
tyosuke2011 2024/06/17
javascript

web制作

js

web

入門
リンク
TypeScriptの型と値とバリデーション
TypeScript は本質的に自分に型が付与されていると思っているだけの JavaScript です。いくら型を付与しようが、それが実行時に影響を与えることはありません。コードレビューをしているとここを誤解している人が本当に多いです。何度も解説しているのですが、なかなか浸透しないので、TypeScript におけるバリデーションという視点で記事を書くことにしました。あとTSでバリデータ使って色々作ろうとしている友人と、プログラミング始めたてで zod と openapi を使っいる友人がいたので、彼らが想定読者です。型と値の名前空間 TypeScript 上での名前空間(スコープ)は2つに分類できます。値: 実行時にランタイム上のメモリに存在するもの型: 静的解析時にのみ参照可能なもの。コンパイル時に完全に消滅する。 TypeScript は基本的に JavaScript
tyosuke2011 2024/06/12
javascript

TypeScript

バリデーション

あとで読む

*あとで読む
リンク
TypeScriptを導入する意味と限界、型レベルプログラミングの紹介 - Qiita
はじめに JavaScript/TypeScript初学者を抜けたあたりの方に向けてTypeScriptの利点や限界、型レベルプログラミングについて紹介します。 TypeScriptはJavaScriptをラップしたライブラリであり、静的な型情報をつけることができます。また、それらの型情報をもとに型を推論し、型違反な代入やプロパティへのアクセスなどをプログラム実行以前に検知することができるようになっています。例えば、動的型付けの言語であるJavaScriptでは、以下の関数のa,bには数値だけでなく、文字列を渡すことができます。数値同士を渡せば加算してくれますし、文字列同士を渡せば文字列連結をしてくれます。﹁数値計算用の関数なのに、文字列連結に利用できてしまう﹂という緩さを開発時にはなるべく排除しようというのがTypeScriptを導入する意義です。以下、TypeScriptの基
tyosuke2011 2024/06/11
javascript

プログラミング

programming

あとで読む
リンク
JavaScript 実行エンジン V8 の JIT 出力コードを読んでみよう
Chrome の JavaScript はとても高速なことでも有名ですが、その実行エンジンは V8 と呼ばれます。V8 自体は独立したモジュールであり、Node.js 等にも使われております。 V8 が JavaScript を高速に実行する技術の一つがJIT (Just In Time) コンパイルです︵一般的にJIT と呼ばれます︶。これは、そのまま実行すると遅い JavaScript を実行中にリアルタイムに直接マシンコードに変換し︵これが Just In Time と呼ばれる所以です︶、途中からそのコードに入れ替えて実行することで高速化を達成しています。特に何度も実行される関数で効力を発揮します。JIT という名前は聞いたことがあろうとも、実際にJIT がどのようなコードを実行しているのかを確認する機会は滅多にないでしょう。この記事では、実際に V8 のJIT の出力を確
tyosuke2011 2024/06/03
javascript
リンク
Why React Query?
Have you ever thought about why a specific piece of techno logy gets popular? Usually there's never a single reason, but I do have a theory that I think is one of the primary drivers. I call it The 5 O'Clock Rule. With The 5 O'Clock Rule, the level of abstraction for solving a probl em will bubble up until it allows the average developer to stop thinking about the probl em. Unfortunately, it doesn't
tyosuke2011 2024/05/22
UI

it

javascript

react

流星P
リンク
JavaScript で then を使うのは避けよう（await / async の初級者まとめ）
JavaScript において、特に苦手とする人が多い印象のある Promise ですが、awaitと async の文法が導入されたことで、Promise の仕様を深く理解しなくても非同期処理を自然に書けるようになってきたのではないかと思います。極論ですが、JavaScript の非同期処理は async await new Promise のみで、︵ほぼ︶全て表現可能です。特別な理由がない限り then を使わないようにしましょう、ということを周知するのがこの記事の目的です。なお本記事では Promise の rejected の状態についてほとんど解説しておりません。基本を理解したら、別記事でぜひ学んでみてください。 Promise とは？ Promise は、少し乱暴に説明すると﹁実行が終わっていないかもしれない何らかの関数﹂を包んだオブジェクトです。普通の関数とは違って、
tyosuke2011 2024/05/20
javascript

programming
リンク
TSKaigiのスポンサーです、リフレッシュメントについて全てをお話します - エムスリーテックブログ
はじめに TSKaigi本番も迫り緊急でテックブログを書いています、VPoEの河合です。来る5月11日(土)、TSKaigi 2024が開催されます。エムスリーエンジニアリンググループは、TSKaigiをリフレッシュメントスポンサーとして応援しています。本記事は、少しばかりTSKaigiの宣伝をしつつ、エムスリーのJavaScript/TypeScript 文化のお話をするものです。はじめに TSKaigiとはエムスリーにおけるTypeScript 学生向けLTも開催おわりに We are hiring !! TSKaigiとは TSKaigiは、一般社団法人TSKaigi Associationが企画、運営する、国内最大級のTypeScriptをテーマにした技術カンファレンスです。今年が第1回目とのことですが、KeynoteにはTypeScript Product Manage
tyosuke2011 2024/05/08
javascript
リンク
JavaScriptを使った非同期通信について - Qiita
はじめにこちらの記事ではWEB開発における非同期通信について理解しやすいように手を動かして作れるアプリを作りました。非同期通信について学んでみたい人はぜひ作ってみてください。対象者非同期通信とはなにかわからない、または名前だけ知っている、漠然としたイメージだけあるといった方 WEB開発に関する知識はある程度持っている方非同期通信とは非同期通信とは通信技術の一つで送信者のデータ送信タイミングと受信者のデータ受信タイミングを合わせずに通信を行う通信方式です。イメージが湧きにくいと思うので以下の画像を見てください。この処理ではボタンをクリックした後、画面遷移を行わずにデータベースへアクセスしランダムなポケモン情報を画面に表示しています。非同期通信では処理は以下のように行われています。送信ボタンをクリックするとJavaScriptにてhttpリクエストが送信され、サーバーサイド
tyosuke2011 2024/04/25
ポケモン

javascript
リンク
Slack | Bolt for JavaScript
このガイドでは、Bolt を使用して Slack アプリを起動し実行する方法について説明します。その過程で、新しい Slack アプリを作成し、ローカル環境を設定し、Slack ワークスペースからのメッセージをリッスンして応答するアプリを開発します。 💡 このガイドではソケットモードを利用します。ソケットモードは、Slack アプリ開発をとりあえず始めてみるときやあなたのチームだけのためのアプリをつくるときにおすすめのやり方です。もしすでに HTTP をアプリのコミュニケーションプロトコルとしてするとわかっているなら、HTTP の方式に対応した同様のドキュメントである Bolt 入門ガイド︵HTTP︶を参照してください。アプリを作成する最初にやるべきこと: Bolt で開発を始める前に、 Slack アプリを作成します。 💡 いつもの仕事のさまたげにならないように、別に開発用の
tyosuke2011 2024/04/19
development

javascript
リンク
MDN Web Docs - Mozilla
Resources for Developers, by DevelopersUnited in love //////////// //////////// //////////// //////////// //////////// //////////// //////////// ++++++ ++++++ ++++++ ++++++ ++++++ ++++++ ++++++{{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} {{{{ }}}} ../../ ../../ ../../ ../../ ../../ ../../ ../../<></><></><></><></><></><></><></><></><></><></><><
tyosuke2011 2024/04/04
HTML

CSS

javascript

programming
リンク
超簡単にChromeの拡張機能を作ってみる【誰でもできるよ】 - Qiita
はじめにみなさんはChromeの拡張機能を使っていますか？僕も使っていますが、案外Chromeの拡張機能を作るのは簡単です。今回は、普段の業務の効率を上げるのも兼ねて自作してみました!最低限準備するもの manifestファイル Javascriptファイルぶっちゃけ、これだけで動きます。実際に作ってみようそれでは実際に作成していきましょう。今回はDとVを押すだけで、Markdownのリンクを作成する拡張機能を作成していきます。まずは、manifestファイルから設定していきます! manifestファイルを参考にして、備忘録も兼ねて説明していきます。今回は、最低限の設定を行います。 { "manifest_version": 3, "name": "Create markdown link", "version": "1.0.0", "icons": { "16":
tyosuke2011 2024/03/31
chrome

javascript

プログラミング
リンク
GitHub - eduardoleao052/js-torch: A JavaScript library like PyTorch, built from scratch.
import { torch } from "js-pytorch"; const nn = torch.nn; class Transf ormer extends nn.Module { constructor(vocab_size, hidden_size, n_timesteps, n_heads, p) { super(); // Instantiate Transf ormer's Layers: this.embed = new nn.Embedding(vocab_size, hidden_size); this.pos_embed = new nn.PositionalEmbedding(n_timesteps, hidden_size); this.b1 = new nn.Block( hidden_size, hidden_size, n_heads, n_timeste
tyosuke2011 2024/03/30
javascript

github
リンク
1 2 3 4 5 6 7 8 9 10 次のページ