JavaScriptのよく使うメソッド - Qiita
JavaScriptのよく使うメソッドをまとめていきます。 基本文法 alert() Window.alert()は、任意のメッセージを含むダイアログを表示し、そのダイアログを閉じるまで待機します。 console.log() console.log()メソッドは、メッセージをウェブコンソールに出力します。 このメッセージは単一の文字列（オプションの置換値を含む）であることを示し、1つ以上の JavaScript オブジェクトであることを意味します。 prompt() window.prompt()は、ユーザーにテキストを入力するように促すダイアログをオプションのメッセージと共に表示し、ユーザーがテキストを送信するかダイアログをキャンセルするまで待機するようにブラウザーに指示します。 Number() Number（数値）の値37や-9.25のような浮動小数点数を指定します。 Number
メディア・アートの生成 | akalogue
Anthropicの生成AI、Claude 3.5 Sonnet + Artifactsに以下のプロンプトを投げた。 p5.jsで作るメディア・アート作品の要件定義書を作ってください。インタラクティブでダイナミック、かつオーディオ・ビジュアルでソーシャルな作品とします。コンセプチュアルな作品背景を含めた説明文とイカしたタイトルも合わせてお願いします。そして、その要件定義書に従ってWEBブラウザで実行できるようにプログラム・コードを含むindex.htmlを作成してください。 その結果は以下の通り。 「Sonic Bloom: デジタル共生庭園」要件定義書 1. コンセプト 「Sonic Bloom: デジタル共生庭園」は、人間とテクノロジー、自然と人工の調和を探求するインタラクティブなメディア・アート作品です。この作品は、デジタル空間内に生態系のメタファーを創造し、観客の参加によって成長し
@paseri3739 さんの「JavaScriptでオセロを作った(オブジェクト指向」を拝見してクラス構成がちょっと気になったので、クリーンアーキテクチャを参考にして自分なりにクラス設計と実装を行ってみました。 インタフェースを使ってないので、クリーンアーキテクチャとは言えないかもしれませんが。 Webだけじゃなく、端末でも遊べるようにしてみました。 質問や改善点などがありましたらコメントお願いいたします。 クラス設計 Devices/Web/UI/DB WebフレームワークにはjQueryを使用。マウスで操作する。 端末ではNode.jsで起動。標準入出力を使用する。 棋譜やハイスコアなどの記録は行わないのでDBは使わない。 Presenters/Controllers Devices/Web/UI/DB（表示や入力）と Use Case の間のデータ変換を行う。 OthelloWeb
= 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco
= 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco
今回は、fetch 関数の内部的な挙動と、Response オブジェクトについて見ていきます。 JavaScript の fetch API は、ブラウザでリクエストを簡単に行うためのものでしたね！ fetch 関数の基本 fetch 関数は、ウェブサーバーにリクエストを送信して、レスポンスを受け取るために使います。 fetch を使うと非同期にデータを取得し、それを簡単に操作できます！ 使用例 const fetchUsers = async () => { // fetch でリクエストを送信 const res = await fetch("https://jsonplaceholder.typicode.com/users/"); // JSON データを取得 const users = await res.json(); console.log(users); // 取得したデー
はじめに 下記でAsciiアート生成ツールを作成した際は、Fabric.jsを利用してCanvas操作していたが、 今回はweb-sysというRustからJavaScriptのWeb APIにアクセスするクレートを利用して Canvas操作しつつ写真ペイントツールを作成してみようと思う。🧑🎨 (Wasmから直接DOM操作はできないため、 JavaScriptのWeb APIで仲介しているだけなのでRustでやる意味はないかもしれません。🤔) web-sysについて プロジェクトの作成 下記に既にCanvasのペイント処理のExampleがあったのでこれを参考にしながら スマホのTouch操作の処理を実装と、写真のCanvas表示を実装してみる。 取り込んだ写真をCanvasに表示するように実装、 web-sysを使ってstyleの設定とかもできた。 // 省略 let docume
p5.js で高速・手軽に画像処理を行える p5.FIP で歪みを加える画像フィルタ 2種（Deform・Ripple）の使い方と余談 - Qiita
はじめに 2024年6月25日に開催されたVercel Meetup #1でパネルディスカッションしてきました。 パネルディスカッションではVercel/Next.jsやWebに関連する質問に対して、VercelのVPoEであるLindsey Simonさん含め5名のパネラーが様々な回答をしました。 この記事では5つの質問と印象的だった話題を要約して紹介したいと思います。 パネラーの紹介 Lindsey Simon / リンゼイ・サイモンさん - VP of Engineering, Vercel Nicolas Ishihara / ニコラスさん - CSM Teams Leader, Vercel Seiya Nuta / 怒田 晟也さん - Software Engineer, Vercel Tessei Yoshida / 吉田 徹生さん - Software Engineer,
こんにちは。虎の穴ラボ エンジニアのS.Aです。 本記事は虎の穴ラボ2024年夏の連載ブログ 9日目の記事です。 前回はT.Hさんによる「【Phaser3 + Whisper + OpenAI API】ブラウザゲームを音声認識で動かしてみた」でした。 次回はA.Mさんによる「Gemini APIを触ってみる」が投稿予定です。 今回は ChatGPT の最新モデル GPT4o の画像解析を使って、レシートの内容をスプレッドシートに書き出してくれる bot を作ってみました。 その過程で GPT4o の API の使い方などの知見を得たので備忘も兼ねてご紹介しようと思います！ bot を作ろうとしたきっかけ 最初に今回の bot を作ろうと思い立ったのは、Web 版のChatGPTで GPT4o の画像解析を試してみた時でした。 正確に内容読み取ってくれないだろう...と思いながらスマホで撮影
flint blog: テーブル設計アンチパターン
天気予報を活用して、あなたの毎日をより良いものにしませんか?天候の変化に振り回されることなく、効率的に1日を過ごすためのヒントをお教えします。さあ、一緒に天気予報の読み方をマスターして、快適な毎日を手に入れましょう!この記事では、天気予報の基本的な構成要素と、それらを日常生活にどう活かすかについて解説します。天気、気温、降水確率など、各要素の意味と重要性を理解することで、外出の計画や服装の選択がぐっと楽になります。さらに、複数の情報源を比較して精度の高い予報を見極めるコツもお伝えします。天気予報を上手に活用すれば、突然の雨に慌てたり、暑さ寒さに苦しんだりすることも減るはずです。この記事を読み終えたあなたは、より自信を持って1日の計画を立てられるようになるでしょう。それでは早速、天気予報マスターへの第一歩を踏み出しましょう! 主要機能天気予報データの取得 メール送信 Discord通知 Sl
はじめに TypeScriptやJavaScriptのswitch文で複数の条件を一つのcaseで扱いたい場合があります。 この記事では、その正しい方法と、よくある間違いについて解説します。 背景 APIのあるレスポンスがstringでありつつ、想定する中身はほぼ定まっている(=ほぼenumやん)が、あくまでもstringではあるので例外対応も考慮しないといけないような実装をする必要があったとき。 テストを先に書いてから実装進めてたら、想定する結果にならず。 なんでだーと思ったら、間違った方法の後者の方で記載して、実装問題ないよなーと思いつつ、vscodeでもテスト実行時のコンパイルエラー(=記法間違ってるぜ)も特になく、テスト結果だけ全く通らずで、地味にハマってしまい。。。同じよーな人いないと思いますが残しておきます🙏 間違った方法 まず、間違えやすい書き方がこちら // これは動作し
最近の MYOS は、 WebAssembly ランタイムエンジンの大規模改修などをしていました。 github.com github.com 主な更新内容は、以下のように多岐にわたります。 WASM 2.0 の機能 (の一部) の追加サポート 開発初期は WebAssembly MVP (最初のリリース) が出ていたのでこのライブラリも MVP のサブセットとして開発が始まりました。 WebAssembly 自体はその後いくつかの拡張機能の提案をマージして現在では WebAssembly 2.0 がリリースされようとしています。 *1 このライブラリにも一部の拡張機能が実装されていましたが、今回取り込み可能なほとんどの拡張機能を取り込み、 正式に WebAssembly 2.0 のサブセットと名乗ることにしました。 浮動小数型命令のサポート 浮動小数型の命令は整数型の命令よりも種類が多く
TSKaigi 2024 After Talkが開催されました - Helpfeel Developers' Blog
Helpfeelプロダクトエンジニアの寺本です。 2024/06/04にLayerXさんの新オフィスで開催されたTSKaigi 2024 After Talkに参加してきました。 layerx.connpass.com 2024/05/11に開催されたTSKaigiのサブイベントという位置付けです。 Helpfeelも共催という形で、会場のドリンクを提供させていただきました。 TSkaigiの様子はこちらのブログ記事にまとめているので、よければご覧ください。 blog.notainc.com 登壇 TSKaigiのランチセッションのために資料を作ったのですが、時間が足りずに話せなかったことを紹介しました。 docs.google.com 2021年までは100% JavaScriptだったHelpfeelを3年かけて少しずつTypeScriptに置き換えていったのですが、その過程で得た学び
2024 年 6 月 4 日に東銀座の LayerX さんで開催された TSKaigi 2024 After Talk に参加してきた。 以前参加レポートを書いた TSKaigi 2024 のスポンサー企業が開催しているイベントだ。 頭がフレッシュなうちに参加レポートを残す。 TypeScripterに送るIaCの世界への招待〜AWS CDKと共に〜アンカーリンククラスメソッドの @tmk2154 さんのセッション。 クラスメソッドでは Full Stack TypeScript の案件が増えてきて、フロント、バック、インフラも TypeScript で書いているらしい。 インフラで使われている AWS CDK の紹介がされていた。 Terraform のようにコードベースでインフラの定義ができる IaC。 Terraform と異なるのは裏側で AWS の CloudFormation
はじめに 今回はZodを用いたReactのバリデーションの基礎と実践について記事を書きました。 業務で使うことが非常に多いので、基礎を学びながら学習したことをアウトプットしています。 Zodとは何か Zodは、JavaScriptおよびTypeScriptのための型 セーフなスキーマ定義とバリデーションライブラリ です。 Zodを使用すると、データの構造や形式を明示的に定義 し、そのスキーマに基づいてデータをバリデートすることができます。 これにより、データの一貫性を保ち、バグを減らすことができます。 なぜZodを選ぶのか 型セーフティ TypeScriptとの統合がスムーズで、型情報を利用してコードの安全性を向上させます。 簡潔なAPI：直感的なAPIにより、複雑なスキーマも簡単に定義できます。 柔軟性 カスタムバリデーションや複雑な構造のデータにも対応可能です。 パフォーマンス 軽量で
ITの世界は常に進化し続け、ITエンジニアになることは多くの人々の夢です。しかし、競争も激化しており、成功するためにはどのようなステップを踏むべきか、どのようなスキルを身につけるべきかが重要です。この記事では、ITエンジニアになるための鍵と成功への道を探ります。 ITエンジニアになるための鍵：スキルの磨き方と成功への道 ユニークなスキルと差別化 ITの世界では多くのスキルが求められますが、成功するためにはユニークなスキルを持つことが大切です。自分の興味や強みに基づいて、他とは異なるスキルを磨くことで、差別化を図ることができます。例えば、セキュリティに特化したエンジニア、クラウドコンピューティングの専門家など、特定の領域での専門知識を持つことが差別化の一歩です。 基本技術の習得と実践 ITエンジニアとして成功するためには、基本技術をしっかりと習得することが必要です。プログラミング言語、データ
【JavaScript】スムーススクロールを実装する方法
*{ margin: 0; padding: 0; box-sizing: border-box; } a { text-decoration: none; } .nav-menu { list-style: none; } header { background: #02153f; padding: 0 10px; position: fixed; width: 100%; height: 84px; } nav { height: 100%; } .nav-menu { display: flex; justify-content: space-around; align-items: center; height: 100%; } .nav-item:not(:last-child) { margin-right: 15px; } .nav-item a { color: #FFF;
この記事を書いている僕はプログラミング歴2年5ヶ月です。webエンジニアとして”社内転職”に成功しました。 ページ内リンクとは、同じページ内の特定部分にジャンプ(移動)するリンクのことです。 ※目次をクリック → 該当する見出しまでジャンプ！ aタグのhref属性には”#1″、ジャンプ先の特定部分にはid=”1″というように設定します。つまり、href属性の#(シャープ)以降の文字列と、特定部分のidの文字列を完全一致させることでページ内リンクをつくることができます。コンテンツの多いWebページには必須の動作だと言えるでしょう。 設定するファイルはHTMLだけです。ただし、HTMLだけでは一瞬でジャンプするのみでスムーススクロールの挙動が起こりません。スムーススクロールさせるにはCSSもしくはJavaScriptで設定する必要があります。 実際にどうやるのか。CSSから説明していきます。と
はじめに 未経験からエンジニアに転職を決意したのは20代後半の2019年でした。 「エンジニアは、ブラックだからやめておくほうがいいですよ」 「エンジニアの何がいいの？」 なんていう話をいろいろ聞きました。 この時期に転職した人も比較的多いんじゃないんでしょうか？ JavaとJavaScriptの違いもわからないし、ソースコードを見て「文字の羅列がすごい」くらいのレベルでした。 ITパスポートに書いてある内容を１文字読むだけで眠くなったりは懐かしいです。 それでも、「面白そうだしやってみなくちゃわからない！」が勝って転職しました。 結論から言うと、転職してやることは増えるし常に自分の見ていた世界は狭かったと思うけどやって良かったと言う話です。 現在、転職して４年半、経緯を振り返るとともにこれから先をどう生きるかを整理したいと思います。 転職初期の挑戦 冒頭で話しましたが、ソースコードも全く
Mozillaの主要開発メンバーが、Googleが主張するJavaScriptエンジン「V8」の高速性について、一部反論を展開している。V8の高速性を認めつつも、各種テストを踏まえた総合成績ではMozillaの「TraceMonkey」がV8を上回る、という論旨だ。 Googleは、Safariなどで実績を持つレンダリングエンジン「WebKit」をベースに開発した、新しいWebブラウザ「Chrome」の提供をスタート。JavaScriptエンジンには独自開発の「V8」を搭載、あわせて公開された「V8 Benchmark Suite」を利用するテストでは、他のWebブラウザを圧倒するスコアを記録している。 Mozilla側の主張は、JavaScriptの発明で知られる現Mozilla最高技術責任者 (CTO) Brendan Eich氏のブログに掲載された。9月3日付けの投稿では、WebKi
この記事の概要 SVG をモーフィングさせたいなと思うことがあります。 有名なのは GSAP の MorphSVG な気がするのですが、Plemium プラン以上でしか使えず年額 $149 です。 ちょっとしたアニメーションをつけるだけにしては高額なので、自作できないかなと思い立ちました。 非常に簡易なもの＆条件はありますが、とりあえず作れたので記事にしてみました。 方針 svg 要素のうち、変形前のpathのd属性を取得する 変形後のdの中身を用意しておく d属性の中のMやLを除き、数値だけの配列に変換する 線形補完の関数を用意し、2 つの配列を渡す requestAnimationFrameを使い変形させる HTML アニメーションをテストする目的なので、簡素なものを用意しただけです。 <body> <h1>Self-made SVG Morphing</h1> <svg width=
はじめに こんにちは．マエカワです． 皆さん，せっかく何かを発信したのに，その発信に対する反応がないと悲しくなってしまいますよね． また，皆さんは当然のごとくSlackを使用して連絡を取り合っていることでしょう． ということで今回は，Slackの投稿に反応するチャットBotを作っていこうかと思います(唐突)． 以前，今回紹介するシステムを使用した勤怠管理システムを個人的に開発して，今でも運用しているんですが，そのときの記憶があいまいになってきたので，一度整理しておこうかと思いこの記事を書いています．整理された内容かどうかはわかりませんが，何卒ご容赦を． 目指すもの 繰り返しになりますが，今回の目標を書いておきましょう．Slackの指定したチャネルに，これまた指定した文字列から始まるメッセージが投稿されたときに返事をしてくれるBot，これをを作ります． システム構造 続きを読む はじめに こ
What's coming next for ESLint - ESLint - Pluggable JavaScript Linter
When we released ESLint v9.0.0 in April, it was the first major release in 30 months and formally introduced the new configuration system. ESLint v9.0.0 also made some rule API changes to prepare the core for what’s coming next. After the release, we spent a lot of time creating compatibility utilities, a configuration migration tool, and a rule API transform utility to help the ecosystem move to
New to the world of web performance? Welcome! Here's everything you need to know to master website monitoring, analytics, and diagnostics. Learn how to deliver a fast, joyous experience to all your users. Business Success Making your pages faster isn't just for the web performance geeks in your organization. Site speed affects every business metric you care about – from bounce rate to conversions
「Jsonデータ」と「Javascriptオブジェクト」の構造は大変似ているが、両者はあくまでも別ものであることに注意。 「Jsonデータ」は文字列であり、「Javascriptオブジェクト」はオブジェクトである。
= 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco
= 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco
= 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco
MVCモデル
MVCとは、Model-View-Controllerの略であり、ソフトウェア開発における設計モデルの一種である。 アプリケーションをModel（データ）、View（表示）、Controller（制御）の3つのコンポーネントに分割し、それぞれの役割を明確にすることで、開発効率や保守性の向上を目指す。 MVCモデルの構成要素 MVCモデルは、Model（モデル）、View（ビュー）、Controller（コントローラー）の3つの主要なコンポーネントから構成される。それぞれのコンポーネントは明確な役割を持ち、連携することでアプリケーション全体の機能を実現する。 Model（モデル） Modelは、アプリケーションが扱うデータやビジネスロジックを表現する。データベースとのやり取り、データの検証、加工など、データに関する処理全般を担当する。Modelは、ViewやControllerから独立してお
= 1024 }, isThreeColumns() { return document.documentElement.clientWidth >= 768 && document.documentElement.clientWidth < 1280 }, cdnUrl(path) { return `https://fivetiu.com${path}` }, itemUrl(item) { let dmPrefix = item.dm ? `/dm${item.dm}` : ''; let url = this.locale === 'zh' ? `${dmPrefix}/${item.dvd_id}` : `${dmPrefix}/${this.locale}/${item.dvd_id}` if (item.recommend_id) { url += `#${item.reco
Object.groupBy で作られるオブジェクトの prototype は null - Object.create(null)
おさらい: prototype JavaScript のオブジェクトはみんな prototype というのを持っていて, この prototype からプロパティを継承, より正確には, プロパティアクセス時にそのプロパティがオブジェクトに存在しなければ prototype を辿って見つけにいくことになっている. あるオブジェクトを prototype とした別のオブジェクトを作るには Object.create を使う (あるいは new 演算子や __proto__ を使っても良い). const x = {}; x.foo = "foo"; const y = Object.create(x); y.bar = "bar"; const z = Object.create(y); z.baz = "baz"; console.log(z.foo); // => "foo" conso
原動画を務めたアニメーター井上俊之 登壇！劇場アニメ『ルックバック』【祝・公開】舞台挨拶舞台挨拶レポートが到着！ – アニバース
原動画を務めたアニメーター井上俊之 登壇！劇場アニメ『ルックバック』【祝・公開】舞台挨拶舞台挨拶レポートが到着！ コミック配信サイト「少年ジャンプ＋」で2021年7月に発表され、初日で閲覧数250万以上を記録した藤本タツキ原作『ルックバック』が劇場アニメ化、6月28日（金）より全国劇場で大ヒット公開中。 今回、全国公開されたことを記念して、7月5日(金)に【祝・公開】舞台挨拶舞台挨拶が実施された。 舞台挨拶には、本作で原動画を務めたアニメーターの井上俊之とアニメーション研究者の高瀬康司が登壇！ アニメーションの制作過程や本作でこだわったポイントについて語った。 <イベント概要> 日時：7月5日(金)20:11〜20:36 場所:新宿バルト9 スクリーン9 (東京都新宿区新宿3丁目1-26三丁目イーストビル9階) 登壇者(敬称略): 井上俊之 、(MC)⾼瀬康司 イベントレポート 漫画家・藤
sponsored by Qmonus Value Stream アプリケーション開発に注力するための工夫をシェアしよう！ 導入 何について話すのか 開発環境を改善して、効率化することでアプリケーション開発に注力するため行った（行っている）取り組みについてお話します。 本記事はQmonus Value Streamの投稿キャンペーン記事です。 想定読者 レガシーな環境を改善している（していきたい）人 開発環境改善のアイデアが欲しい人 CI/CDやDevOpsよりな仕事に関わる人 どんな人が書いているか(自己紹介) 3年目のエンジニアでバックエンドを中心に担当（最近インフラも担当するようになりました） メインで扱う技術はPHP・TypeScript・AWS アプリケーション開発とAWSインフラ構築を担当する 受託開発が中心の企業に従事 記事で触れる取り組み（取り組んだ順） Dockerの導入
開発環境を改善するためにチームに提案して実践したこと - Qiita
sponsored by Qmonus Value Stream アプリケーション開発に注力するための工夫をシェアしよう！ 導入 何について話すのか 開発環境を改善して、効率化することでアプリケーション開発に注力するため行った（行っている）取り組みについてお話します。 本記事はQmonus Value Streamの投稿キャンペーン記事です。 想定読者 レガシーな環境を改善している（していきたい）人 開発環境改善のアイデアが欲しい人 CI/CDやDevOpsよりな仕事に関わる人 どんな人が書いているか(自己紹介) 3年目のエンジニアでバックエンドを中心に担当（最近インフラも担当するようになりました） メインで扱う技術はPHP・TypeScript・AWS アプリケーション開発とAWSインフラ構築を担当する 受託開発が中心の企業に従事 記事で触れる取り組み（取り組んだ順） Dockerの導入
PHPによるスクレイピング - 完全ガイド
豊富なライブラリとツールのおかげで、PHPはウェブスクレイパーを構築するのに最適な言語です。ウェブ開発向けに特別に設計されたPHPは、ウェブスクレイピング作業を簡単かつ確実に処理します。 PHPを使ってウェブサイトをスクレイピングする方法にはさまざまなものがありますが、この記事ではいくつかの異なる方法を紹介します。具体的には、curl、file_get_contents、Symfony BrowserKit、およびSymfonyのPantherコンポーネントを使ってウェブサイトをスクレイピングする方法を解説します。さらに、ウェブスクレイピング中に直面する可能性のある一般的な課題とその回避方法についても説明します。 目次 PHPを使ったウェブスクレイピング 前提条件 curl file_get_contents Symfony BrowserKit Symfony Panther ウェブスク
空行に空白類を無駄打ち(範囲選択すると正体が浮き彫り)。これは編集program側の字下げ補完機能の弊害か?
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
オセロゲームをクリーンアーキテクチャで設計・実装してみた - Qiita
ALDN-334 夫に内緒で義父に頼んだ妊活 菅日菜子
IPZZ-336 最高肉感と、肉弾バックピストン。初めて尽くしの調教性交3本番Special 小野坂ゆいか
fetch関数の内部的な挙動とResponseオブジェクト - Qiita
web-sys使って写真ペイントツール作ってみた - Qiita
Vercel Meetup #1 Panel Discussion Summary
GPT4o の画像解析でレシートを読み取る bot を作ってみた - 虎の穴開発室ブログ
GASでdiscordに天気予報を通知するコード｜groundcobra009
TypeScriptのswitch文におけるcaseで複数条件を扱う方法
最近のMYOS - WASMランタイムの改良 - 借り初めのひみつきち
TSKaigi 2024 After Talk に参加した | blog.kzhrk.com
React + TypeScript でモーフィングする SVG コンポーネントを作る - Qiita
ReactでのZodを使ったフォームバリデーションの基礎と実践 - Qiita
ITエンジニアになるための鍵：スキルの磨き方と成功への道
Contact Form 7 Multi-Step Formsは不具合多いのでビジネスサイトでは避けるべし
【CSSとJavaScriptのみ】ページ内リンクでスムーススクロールさせる方法
未経験エンジニア転職から４年半〜これから先をどう生きるか〜 - Qiita
Chromeにクレーム? 最速とのGoogleの主張にMozillaが反論
SVG をモーフィングさせる処理を自作する - Qiita
マエカワの備忘録的な何か
Web Performance Guide | SpeedCurve
JOSNデータからJavascriptオブジェクトを作成してみよう - Qiita
MIDV-771 観れば絶対潮吹きさせられる！アナタもヌイて学べる葵いぶきと一緒に！How to SEX！「潮吹きイキできたら中出し」編
ADN-574 私を舐め●す義父の接吻 佐野ゆま
CAWD-697 AIがバグるほどぶっ壊れる 人工知能研究者志願の最年少女子の、超絶頂覚醒オーガズム 赤名いと
SONE-222 Lカップ新人 AV初体験3本番 田野憂
開発環境を改善するためにチームに提案して実践したこと - Qiita
JavaScript: ほのかに気持ち悪いもの - Qiita