1 - 40 件 / 276件
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 本記事は、bytefish氏による「Use Chrome DevTools Like a Senior Frontend Developer」(2020年7月21日公開)の和訳を、著者の許可を得て掲載しているものです。 シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう 開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッ
今年もつくりました。 ゲーム機出たときの年齢早見表。 2024年はPC-FX、3DO、PS、SSが30周年。 DS、PSPが20周年。PS4が10周年となっております。 2024年は周年フィーバーや! (※(注記)一番下に修正版あり) ◆だいやまーく縮小版(ヤング版)◆だいやまーく 画像をクリックして拡大してください。 ◆だいやまーくおことわり◆だいやまーく この表は作者が「君、ロクヨンと同い年だね」など若い世代と会話するきっかけになればと思い制作したものなので、デフォルトだとヤング版となっております。範囲外だったからといって悲しむ必要はありません。 また、同じ理由で元々すべてのハードを網羅する目的のものではありません。この手の表をあげると必ず「◯◯がないやり直し」というコメントをいただくんですけど、なんで載せてないかというとその理由は単純なんです。あまりにもマイナーな機種だと単純に会話が盛り上がらないんです! したがって「載ってないハード=知
※(注記)パッケージ版・ダウンロード版 どちらも対応します。 ※(注記)一部のソフトは対応しない場合があります。くわしくは後日、任天堂ホームページでお知らせします。 ※(注記)「Nintendo Switch Online」ご加入の方は、Nintendo Switch 2 でも引き続きご利用いただけます。
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇%アップ、CVR〇%アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを
Contents Command Line Interface Guidelines An open-source guide to help you write better command-line programs, taking traditional UNIX principles and updating them for the modern day. Authors Aanand Prasad Engineer at Squarespace, co-creator of Docker Compose. @aanandprasad Ben Firshman Co-creator Replicate, co-creator of Docker Compose. @bfirsh Carl Tashian Offroad Engineer at Smallstep, first e
任天堂とサービス事業者3社は、「Nintendo Switch 2」を含む当社関連の商品について、サービス事業者各社の利用規約に違反する不正な出品行為に対し、サービス事業者による能動的な出品削除対応のほか、情報共有を含む連携体制の構築などの対策を進めていきます。 任天堂について 日本の京都に本社がある任天堂株式会社は、1889年に創業し、1983年にファミリーコンピュータを発売して以来、現在ではNintendo Switchを代表とするゲーム専用機のハードウェアおよびソフトウェアを開発・製造・販売しています。任天堂はこれまで、世界中で8億6000万台以上のハードウェアと、59億本以上のソフトウェアを送り出し、ハード・ソフト一体型の展開を通じて、マリオ、ドンキーコング、ゼルダの伝説、メトロイド、どうぶつの森、ピクミン、スプラトゥーン等を生み出しました。任天堂は今後も「独創的な娯楽の創造」を目
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ここのところちょっと時間に余裕があり、暇を見つけてはQiitaの質問に答えるという取り組みをやっています。以前StackOverflowでも同様の取り組みをちょっとだけしてたことがあります。 9日間で35個の質問に回答してみて、正直に思うのは「質問の質が悪すぎるなー」ということです。ただ、どう質が悪いのか上手く言語化できず悶々としていました。 そんな折、今朝googleのおススメ記事に飛び込んできたQuaraのこちらの回答を読んで、「これこれ!こういうことよ!」という気持ちになったため、これから質問する人に向けてこの内容を少し嚙み砕いて
となるのが原因です。parseInt というのは、文字列を解析して整数値(int)を返すグローバル関数であり、引数をまず文字列に変換する仕様となっております。その段階で 0.0000005 が "5e-7" という文字列に変換されてしまい、その文字列の先頭の 5 だけが数字として解析されてしまったため、結果として parseInt(0.0000005) === 5 となりました。 なぜ String(0.000005) === "0.000005" に、String(0.0000005) === "5e-7" になるのかについては、この記事の最後で余談として説明します。 整数化には Math.trunc を使おう このように、parseInt は文字列を引数にすることを前提にしているため、速度の面でも可読性の面でも「小数値を整数値に変換したい」という場合に使うのは望ましくありません。最も望
JavaScriptはシングルスレッドであることが知られています。そして、Promiseを用いた非同期処理ができることは周知の事実です。では、なぜシングルスレッドで非同期処理ができるのでしょうか? その点について、非同期処理のための2種類のQueuesについて触れつつ、コードベースでの説明も行います。
その他 OS の方は GitHub のrelease ページから DL することができます。 使い方 tv はミニマムな CLI として作ったのでテーブル表示の機能とそれに付随したオプションのみを提供しています。 配列になっている JSON をテーブル表示する キーを指定することでそのキーを使ってソートできる いくつかのスタイルでテーブルを表示できる 以上が主の機能です。 Table 表示 ユースケースとして JSON が帰ってくる API を想定します。 API の例として jsonplaceholder を利用します。 今回は https://jsonplaceholder.typicode.com/users を使います。 この API は以下のようなデータが返ってきます。 $ curl -s https://jsonplaceholder.typicode.com/users [
PS5が発売されて、品薄で買えないけど、ちょっと欲しいかもって思っている人にXBOXの存在を知ってほしい。 XBOXとはゲーム機のことで一応プレステの唯一のライバルだ。 ライバルといっても、日本では99対1で大差がついているので知名度ゼロだが、 世界規模だと4対6くらいで頑張っている。 (追記 https://www.gizmodo.jp/2020/11/ps5-vs-xbox.html) 任天堂は独自路線を走っているので、ライバルとは世界的にはとらえられていない。 テレビでいうと、プレステとXBOXは民放テレビで、任天堂はEテレみたいな感じ。 XBOXとプレステが新機種を同時に発売して、これからの勢力図が変わるタイミングが今なのです。 日本じゃみんなプレステだからそっちでええやんというのは至極まっとうな考えだと思うけど、 XBOXというすごいゲーム機を買って感動した俺が、まだ届いて1週間
Your shopping website is not an SPA. I repeat: your shopping website is not an SPA. Stop trying to sculpt David with a JS chainsaw and get yourself an HTML/CSS chisel.— Alex Russell (@slightlylate) 2021年8月10日 この主張、界隈(少なくとも自分の観測範囲)では割とよく見かけるし、なんか定期的に話題になるトピックなのかなーと。 まあ持論としてもコレには概ね同意しており、会社のスタンスとも相まって、常日頃からぼんやり考えてたりすることでもある。 で、そんな折にこのツイートを発見して、さらにそれに言及してる人々を見て、ふと自分でも現状を整理しておきたいなーという気持ちになったので筆を執った次第。
を読んで思い出したのでご紹介です。 元の記事と同様に以下の関数 sum について、 function sum(nums, acc = 0) { console.log({ nums, acc }); if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } この関数sumの引数 (nums と acc) の呼び出しごとの変化を見たい場合は、所謂プリントデバッグや debugger を使うのは一般的なテクニックとしてよく知られていますが、このような関数呼び出し時の引数を知りたい場合はmonitor(function)という関数を使うことで同様の効果を得ることが出来ます。 この場合は monitor(sum)とした後に、関
いるあーく@Tbとプリン @yluark_bone まじでSwitchやべぇわ。 ソニックやパックマンもSwitchから出るし、 ニーアがついにSwitchからでるとなると、 ゲーム業界背負ってるのガチでSwitchだわこれ。 2022年06月29日 07:52:21 yamaguche@てったいせねばならかった @yamaguche1216 最新技術を投入した新作、意欲作といったものを生み出すことが体力的に困難となった国内メーカーの逃げ場所みたくなってる感がある 移植やリメイクばっかだし 2022年06月29日 08:27:12 TRPGするアスト @TRPG_TOXMX スペック上PS4でしか出てなかった様なタイトルが技術の進歩とかでSwitchに移植が始まった感が出てきたのでマジでそろそろPSシリーズの死目かもしれんなぁ、とか昨日のダイレクトminiを見てて思ったりしてた 2022-06
まだ使ってる?今は非推奨となったJavaScriptの書き方いつも何気なく使っていたコードをふと調べ直してみると、知らないうちに「Deprecated(非推奨)」と書かれている...なんてこともありますよね。今回はJavaScriptを書いていて出くわした非推奨となったものをいくつか紹介します。 document.write画面にテキストを表示する document.write 。JavaScript の勉強を始めて最初に書いたコードがこれだったという方もいるのではないでしょうか?これはブラウザーのレンダリングに悪影響が出たり、DOM への影響などを考慮して「強く非推奨」とされています。 これまでの記述例: document.write("やっほーい"); 解決策 1:textContent や innerHTML を使う代わりに文字列を書き換える textContent や、HTML も含め
この記事は TypeScript Advent Calendar 2020 の 17 日目です。 今回は TypeScript のTipsをいくつかあげていきたいと思います! 割と基本的なものが多いので、普段から TypeScript をがっつり書いている方に取ってはすでに知っているものが多いかもしれません。ただ、意識しないとあまり使わなかったり、TypeScript の経験がない方に取っては新鮮なものもあるのでは?と思ったので書いてみました。 keyof オブジェクトのキーを union 型に type Post = { id: number; title: string; content: string; }; type PostKey = keyof Post; // type PostKey = "id" | "title" | "content" const sortBy = <
通常の液晶ディスプレイのように画面全体を照らすバックライトが存在せず、ピクセル一つ一つの有機EL素子が自ら発光することで画像を表示するディスプレイのことです。 ピクセルの発光をオフにすることで深い黒色を表現できることが特長です。黒が引き締まることで全体としてメリハリのある映像表現が可能となっています。 「Nintendo Switch(有機ELモデル)」は 3つのプレイモードで遊べる 「Nintendo Switch」の特徴はそのままに 有機ELディスプレイを搭載したモデルです。 いつでも、どこでも、誰とでも 有機ELディスプレイならではの色鮮やかな画面で ゲームを楽しむことができます。 画面の縁がスリムになって、 7インチに広がった大きな有機ELディスプレイ。 風になびく草むら、襲いかかってくる敵、トップスピードで駆け抜けるカート...... さまざまなゲームの世界を色鮮やかに描き出します。
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。 たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が
Stop Context Switching by Bringing Context Into Your Terminal Wave is an open-source terminal with superpowers, integrating file previews, file editing, AI, web browsing, and workspace organization. Available for MacOS, Linux, and Windows.
PlayStation®5を発売してからの4年間、私たちはPS5でのプレイ体験を向上し続け、プレイヤーの皆さんの期待に応える最高のゲームを送り出すことに注力してきました。本日はその進化の次なるステップとして、PlayStation®史上最も先進的かつ革新的なコンソールであるPlayStation®5 Pro(PS5®Pro)をお披露目することができ、とても光栄に思います。 PS5 Proは、深く情熱的なプレイヤーの皆さんや、ゲームクリエイターの皆さんを念頭に置いて開発しました。「これまで以上に高精細なグラフィックを、滑らかな60FPSのフレームレートでプレイしたい」という声に対して、PS5 Proではいくつかの機能を活用することで、これらの期待値に応えます(※(注記)1)。 GPUのアップグレード:PS5 Proに搭載するGPUは、現行PS5のGPUと比較してコンピュートユニットの数が67%増加し
この前PS5で決定ボタンが✕ボタンに変更されるという話題がありました。 nlab.itmedia.co.jp 前々からゲーム機のコントローラーのボタンの変遷についてまとめてみたいなーと思っていた所にこの決定ボタンの話題が来たので、ちょうど良い機会ということでブログにまとめてみます。 スーファミの決定ボタンについて調べたらやたら長くなったので、そこで一旦区切って「その1」としてます。その3まで書く予定。※(注記)追記:その5まで延びそう。 ファミリーコンピュータのコントローラ(83年7月) セガマークIIIのジョイパッド(85年10月) PCエンジンパッド(87年10月) メガドライブのコントロールパッド(88年10月) ゲームボーイ(89年4月) ゲームギア(89年4月) スーパーファミコンのコントローラ(90年11月) スーパーファミコンの決定ボタンはどれなのか? じゃあアメリカのスーファミことSN
Cursor擦り倒すシリーズ Cursorで要件定義がエラいスムーズになった話 (続)Cursorで「詳細設計→ガントチャート草稿」作成がめっちゃ楽になった話 「Curs×ばつ「A5:SQL Mk-2」でテーブル定義書をリッチにする 「Curs×ばつ「Obsidian」内部リンク生成&最適化プロンプト 「Cursor」で「難解コード」のリーディングがめちゃ楽になった話 「Cursorで要件定義をめっちゃ簡単に」を「rules」にしてさらに簡単にした 「Cursor」で「素の議事録」を「要件定義書」に高速でまとめなおした話 ←本稿こちら 「Cursor」で新人向け「SQLトレーニング問題作成」するプロンプト作成 Claude Code擦り倒すシリーズ、はじめました 「Claude Code」導入をめっちゃスムーズにする「ドキュメントの下地」を作るプロンプト はじめに 引き続き「Curso
setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。 先に書いておきますが、ものすごくニッチで細かい話ばかり並びます。突然私が、ただ純粋に setTimeout について調べたくなったので、その結果をまとめただけのものです。普通に開発している人には必要のない情報が多くなるでしょう。この記事は基礎から setTimeout を学ぼう、という方には全然向かないと思います。 また、JavaScript のイベントループについてある程度理解していることを前提とします。その詳しい理解には、@PADAone さん
はじめに Webフロントエンド開発の学習において、多くの人がまず最初にconsole.logの使い方を学びます。 console.logはデバッグの際に非常に便利なツールですが、JavaScriptにはこれ以外にも多彩なデバッグ機能が存在します。 通常のconsole.logだけでなく、さまざまなconsoleのメソッドを活用することで、デバッグ作業をより効率的に、かつ迅速に進めることができます。 console.log ブラウザの開発者ツールやNode.jsのコンソール上に、渡された引数を表示します
批判相次ぐ書籍「ゲームの歴史」、オンラインストアから姿を消す Amazon、紀伊国屋書店などで - ITmedia NEWS 岩崎夏海・稲田豊史両氏による「ゲームの歴史」が話題である。多くのツッコミが入っているが、ハドソンでPCエンジンに関わった岩崎啓眞氏の反論が読み応えあって、いっそ出版してくれ!と願う。しかし、両者とも「岩崎」でややこしい・・・・・・。 反論シリーズの一本である 書籍「ゲームの歴史」について(7) | Colorful Pieces of Game にて、以下のような記述がある。 セガの『バーチャファイター2』は、いわゆるPS1とサターンの次世代戦争のど真ん中、1995年の冬の目玉ゲームで、実に100万本以上を販売したミリオンセラーで、一時的にサターンが台数でPSを突き放す原動力となったソフトだ。 私の記憶としても、バーチャファイターをプレイしたくてセガサターンを買おう
クロス @shoot_drive PS3、PS4、PS5と時代は移り変わって来たけどなんやかんやでコイツが出た時のワクワク感が一番高かった気がする 今でこそ中古品だけど冗談抜きで当時としては時代を先取りしたオーパーツ並みに凄いヤツだったのよ...この子 pic.x.com/kPXJoTBdvW 2025年04月17日 20:03:49 リンク PlayStation 2000年 PlayStation 2 - PSP | PlayStation 歴史年表 PlayStationの30年の歴史はPlayStation 2そしてPSP「プレイステーション・ポータブル」のローンチへと続きます。
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...!」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください(一応該当する節には*をつけています)。 配列 配列の重複した値を削除1 const meta = ["foo",
JavaScript において、特に苦手とする人が多い印象のある Promise ですが、await と async の文法が導入されたことで、Promise の仕様を深く理解しなくても非同期処理を自然に書けるようになってきたのではないかと思います。 極論ですが、JavaScript の非同期処理は async await new Promise のみで、(ほぼ)全て表現可能です。特別な理由がない限り then を使わないようにしましょう、ということを周知するのがこの記事の目的です。 なお本記事では Promise の rejected の状態についてほとんど解説しておりません。基本を理解したら、別記事でぜひ学んでみてください。 Promise とは? Promise は、少し乱暴に説明すると「実行が終わっていないかもしれない何らかの関数」を包んだオブジェクトです。 普通の関数とは違って、
JavaScript での非同期処理について、身近な例や具体例を交えながら詳細に解説しています。 最後には練習問題も用意しています! 頑張って書いているので、良いと思ったらコメント・いいね・ストック・共有などしてもらえると嬉しいです!! 非同期処理とは 非同期処理とは、プログラムの処理が順番に実行されず、ある処理を実行している間に他の処理を並行して実行することができる仕組みです。非同期処理では、あるタスクが完了するのを待たずに次のタスクが実行されるため、効率的に複数の処理を進めることが可能です。 (by ChatGPT) 非同期処理とは、「同期処理」の対義語で、同期処理は「プログラムの処理が順番に実行され、ある処理が終わるまで次の処理を待つ仕組み」です。 非同期処理の最大のメリットは、 「時間のかかる処理を行っている間に別の処理を行うことができる」 ことです! 身近な例では、部下への仕事の
先日、このようなツイートを書きました。 久しぶりの JavaScript クイズ。 JavaScript において NaN === NaN の結果は次のうちどれになるでしょうか? — Takuo Kihira (@tkihira) September 7, 2021 答えは 4 の「状況によって上記以外もありうる」です。でも、2 や 3 を選んだ方も、もはや正解だといって差し支えないと思います。 解説が長くなったので、ブログ記事にまとめました。 そもそも NaN とは NaN は "Not a Number" を意味する数値です。数値なのに「Not a Number」というのは違和感があるかもしれませんが、数値表現することが出来ない状態を保持するために便宜的に用意された数値、というようなものです。 NaN は、浮動小数点演算において数値では表現出来ない計算をしようとすると登場します。例えば
はじめに xargs コマンドは「なにか凄そうだけどよく分からないコマンド」としてよく知られています。使う人は使うけど何をやっているのか全くわからないコマンドです。「ループ処理?そんなものよりワンライナーで書くほうがカッコいいぜ」と思って気軽に使うと空白やクォーテーション文字でエラーになる罠にハマる使い方がとても難しいコマンドです。この記事はそういうよくわからない xargs はどういうコマンドなのか解説します。この記事を読むと xargs を「完全に理解した」と言えるようになるでしょう。 xargs コマンドが難しい理由は本来の目的を知らずに使おうとするからです。また古い時代の設計や実装の問題でさまざまな制限があるからです。仕様が意味不明で一貫性がなくで他のコマンドと正しく連携するのが困難です。そして本来の目的と違う用途に流用されてばかりです。最初にこの記事の結論を書いておきます。 xa
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方、既
ゲオが2月28日に始めたPlayStation 5(以下、PS5)のレンタルサービスが好調だ。店舗によって機材の稼働率には多少の差があるものの、サービス開始1カ月時点で「およそ半数の店舗でほぼ100%稼働」しているという。全体でも約80%だそうだ。 「想定以上に好評です」と話すのは、ゲオのレンタル商材全般を担当するゲオ商品1課の坂井祐介マネージャー(株式会社ゲオ、ゲオ事業本部 ゲオ商品部 ゲオ商品1課)。坂井さんの部署はレンタルCDやレンタルDVDを手がけているが、動画や音楽のサブスクサービスの普及によって事業としては下火になりつつあるのは否めない。そんな状況で企画したのが、PS5本体のレンタルだった。 企画を立ち上げたのは2024年の夏ごろ。PS5の供給がようやく増えてきた一方で、値上げの話が出てきたタイミングだった。当時、PS5の標準モデルは6万6980円だったが、24年9月には7万9
◆だいやまーく真面目な記事なのに......◆だいやまーく 日本の大手メディアが配信しているファミコン関連の記事において「海賊版ファミコン」の写真を掲載してしまうという珍事が度々発生している。 たとえば2021年12月には自称・公共放送であるNHKがあろうことかファミコンの生みの親である上村雅之氏の訃報記事で海賊版『マッピー』の画像を掲載するという失態をやらかしている。 参考記事:NHKが掲載した謎のファミコンソフト『Mappy』の正体を暴け!! あまりにも敬意を欠いたこの所業に、筆者は思わずNHKにメールを送ったり記事を書いたりしてなんとか伝えよう試みたのだが、そんなうったえむなしくNHKが写真を差し替えてくれることはなかった。現在、この記事は公開期限をむかえたのか閲覧できない状態になっている。 また、かつて『ファミコンジャンプ』を企画するなどがっつりファミコンと関わっていた集英社も、2023年7月に以下の記事でコント
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く