ゲーム機出たときの年齢早見表 2024
この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ばかりを使って原始的なデバッグをしていた。。。 そんな脳筋な過去の自分に教えてやるための記事です。 console.log({変数名}); 「いきなりconsole.log();の紹介かい！！！」って思われるかもしれませんが、この技を知ったときは「なんで知らんかったんや。。。」って思うくらい便利だったので最初に紹介します。 以下のようなHTMLがある場合 <form> <input type="text" value="名無しの権兵衛" id="name"> <input type="text" value="80歳" id="age"> <input type="text" value="バスケ"
Steam Deck
256GB NVMe SSD 1280x800 オプティカルボンディングLCDディスプレイ 7インチ（対角）のディスプレイサイズ 最大60Hzのリフレッシュレート 7nm APU Wi-Fi 5 40Whrバッテリー；2～8時間のゲームプレイ（コンテンツによって異なります） 45W電源（1.5mケーブル付属） キャリングケース Steamプロフィールバンドル
プレイステーション®5 11月12日(木)に発売決定 PS5™デジタル・エディション 希望小売価格39,980円＋税、PS5™ 希望小売価格49,980円＋税
ケンタッキーフライドチキンが「KFConsole」を正式発表。嘘じゃなかった、チキンを熱々に温められるゲーミングPC - AUTOMATON
ケンタッキーフライドチキンのゲーム部門KFC Gamingは12月23日、かねてより予告していた新型ゲーム機「KFConsole」を正式発表した。先日には、12月18日にリリースすると予告されていたが、実際には同日からカウントダウンが開始し、今回の発表となった。 KFConsoleは、今年6月から予告されていた新型ゲーム機。KFCのバーレル容器を思わせる筐体に、クロック周波数11GHzという謎のZinger製プロセッサを搭載、さらにチキンを焼けるチキンチャンバーまで内蔵するという嘘くさい仕様が明かされ、KFC Gamingお得意のジョークだろうと思われていたが、実際に製品にしてしまうようだ。 今回披露されたトレイラーでは、筐体のデザインがやや変更され、ディスクドライブも無くなってはいるものの、チキンチャンバーは引き続き搭載する製品の様子が見て取れる。このKFConsoleは、実のところはP
こんにちは、ぬこすけです。 近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。 例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。 また、近年の某企業が「パフォーマンスの改善に取り組んだ結果、セッション数〇％アップ、CVR〇％アップ...」などの事例は枚挙にいとまがないでしょう。 パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。 しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。 この記事ではパフォーマンス最適化のハウツーを紹介します。 パフォーマンス改善の施策が思い浮かばない時やフロン
JavaScriptでコードを記述する際、配列の各要素について処理をするケースは頻出します。開発の現場で配列操作の処理を見ていると、次のようなケースがよくあります。 配列の非破壊の望まれる場面が増えているが、元の配列を破壊操作している filter()やevery()など配列のメソッドで書けるところを、forEach()メソッドやfor ... of文を使ってコードを記載し、冗長になっている 記述しても効果のないArray.from()を使用している コード的には問題なく、アプリケーションは意図的に動作しているかもしれません。しかし、冗長な記述は可読性が低下し、予期せぬバグを誘発する可能性があるでしょう。 本記事では、配列操作でよく見かける冗長な記述を、簡潔な記述で置き換える方法について解説します。 本記事で紹介するJavaScriptの配列操作のチートシートを用意したので、まとめて読みた
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
MacOS ユーザが WSL では無い Windows のコンソール環境を整える - 2nd life (移転しました)
先日、メインの開発環境を MacOS から Windows 10 Professional へと移しました。理由としては主に2点で、現在仕事を自宅の固定席で行っており PC を持ち運びする必要がなくなったため Mac より高速で安価な Windows デスクトップ機を使いたいこと(Ryzen 9使いたい!)、WSL2 が正式版となり使ってみた感じ問題なく WSL2 で仕事の開発ができそうだったことが挙げられます。 WSL2 はふつうに Linux なので問題なく開発環境の構築が行なえ、Windows からも VSCode Remote のおかげでで違和感なくWSL2上のコードを編集、実行ができ快適な開発が行えています。(なお、WSL2 についての記事は山程溢れているので、ここでは殆ど触れません。) しかしながら、WSL2 ではないふつうの Windows 上で開発する機会が出てきたので、M
となるのが原因です。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はなぜシングルスレッドでも非同期処理ができるのか/Why Can JavaSctipt Invoke Asynchronous in Single Thread?
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 JavaScriptの仕様であるECMAScriptは年次で仕様が更新されています。ECMAScript 2020（ES2020）は2020年6月にリリースとなりました。現行のすべてのブラウザでES2020の機能は利用できますが、フロントエンドエンジニアにとって使いこなしたい記法ばかりです。 本記事ではES2020に焦点をあて、JavaScriptの新しい記述方法のメリットと使いどころを解説します。 オプショナルチェーン Optional Chaining（オプショナルチェーンやオプショナルチェーニングと呼ばれています）とは、?.構文を用いてnullやundefinedになりうる値へ安全にアクセスできる仕組みです。 利用シーン nullやunde
JSONをいい感じに見るCLIを作った
その他 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 [
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)とした後に、関
PS5が死んでる間にゲーム業界のほとんど全てを背負う存在になりつつあるのがSwitch「Switchで出せばええやんになってる」
いるあーく@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
コーポレートサイトを誰にも気づかれず静的化したときの技術選択について - Hatena Developer Blog
こんにちは〜。チーフエンジニアのid:cockscombです。 最近、同僚のid:yashigani_wとともに、はてなのコーポレートサイトを静的サイトとして再構築しました。ちょっとした仕事ではありますが、経験によって得られた暗黙知を形式知へ昇華するため、ここに紹介します。 はてなのコーポレートサイトとは サイトを静的化するメリット どのようにサイトの静的化を進めたか 1. 静的ファイルをNext.jsで生成 2. 運用を自動化したい 3. ホスティングサービスを選択する 4. 動的なコンテンツを表示する リリースと振り返り ホスティングサービスに関する補足 はてなのコーポレートサイトとは 弊社のコーポレートサイトは一般的なそれと同様に、株式会社としての「はてな」に関心を持っていただいた方々とコミュニケーションするための窓口です。会社情報を提供したり、あるいはプレスリリースなどの情報を公開
2021年11月18日 JavaScript いつも何気なく使っていたコードをふと調べ直してみると、知らないうちに「Deprecated（非推奨）」と書かれている…なんてこともありますよね。今回はJavaScriptを書いていて出くわした非推奨となったものをいくつか紹介します。 document.write 画面にテキストを表示する document.write 。JavaScriptの勉強を始めて最初に書いたコードがこれだったという方もいるのではないでしょうか？これはブラウザーのレンダリングに悪影響が出たり、DOMへの影響などを考慮して「強く非推奨」とされています。 これまでの記述例： document.write('やっほーい'); 解決策1：textContent や innerHTML を使う 代わりに文字列を書き換える textContent や、HTMLも含めた文字列を挿入でき
JAWS-UG 初心者支部 #22 ハンズオン用の資料です。 目的 AWSアカウントを不正利用されないために、アカウントを作成したらまずやるべきセキュリティ周りの設定を行います。 前提 AWSアカウントを作成済みであること AWSアカウントにログインしていること リージョンは東京リージョンを利用します ハンズオン手順 アカウント周りの設定 ルートアクセスキーの削除 ※ルートアカウントのアクセスキーは、デフォルトでは作成されておりません。アクセスキーを作成済みの方を対象とします。 ルートアカウントは全てのサービスへのアクセスが出来てしまうため、ルートアカウントは使用せず、IAMユーザーを使用しましょう。 CLI等のプログラムアクセスも不要なため、アクセスキーを削除します。 https://console.aws.amazon.com/iam/home#/security_credential
通常の液晶ディスプレイのように画面全体を照らすバックライトが存在せず、ピクセル一つ一つの有機EL素子が自ら発光することで画像を表示するディスプレイのことです。 ピクセルの発光をオフにすることで深い黒色を表現できることが特長です。黒が引き締まることで全体としてメリハリのある映像表現が可能となっています。 Nintendo Switchファミリーの 新しい仲間として 「Nintendo Switch（有機ELモデル）」が 加わりました。 いつでも、どこでも、誰とでも、 有機ELモデルならではの色鮮やかな画面で ゲームを楽しむことができます。 画面の縁がスリムになって、 7インチに広がった大きな有機ELディスプレイ。 風になびく草むら、襲いかかってくる敵、トップスピードで駆け抜けるカート…… さまざまなゲームの世界を色鮮やかに描き出します。
TypeScriptのTips集
この記事は 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 = <
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った URLを文字列結合で組み立てると色々問題が起きやすいので、それを避けるためにURL APIやURLSearchParams APIでURLを組み立てるパターンをまとめたチートシートを作りました。 azu/url-cheatsheet: URL manipulation cheatsheet for JavaScript URLにユーザーが入力した文字列を含めるときはencodeURIComponentでエスケープする URLはプレーンな文字列ではなく構造化された文字列(文字の並びに意味がある文字列)として扱わないと、さまざまな問題を抱えやすいです。 たとえば、次のように文字列結合でURLを組み立てるとパストラバーサルの問題があります。 name に ../../adminのような文字列が
![[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った](https://cdn-ak-scissors.b.st-hatena.com/image/square/b26f7dc8f9e783316f720174980e93c627438d74/height=288;version=1;width=512/https%3A%2F%2Fefcl.info%2Fpublic%2Ffavicon.png)
Wave Terminal
An Open-Source, AI-Native, Terminal Built for Seamless Workflows
この前PS5で決定ボタンが✕ボタンに変更されるという話題がありました。 nlab.itmedia.co.jp 前々からゲーム機のコントローラーのボタンの変遷についてまとめてみたいなーと思っていた所にこの決定ボタンの話題が来たので、ちょうど良い機会ということでブログにまとめてみます。 スーファミの決定ボタンについて調べたらやたら長くなったので、そこで一旦区切って「その1」としてます。その3まで書く予定。※追記：その5まで延びそう。 ファミリーコンピュータのコントローラ（83年7月） セガマークⅢのジョイパッド（85年10月） PCエンジンパッド（87年10月） メガドライブのコントロールパッド（88年10月） ゲームボーイ（89年4月） ゲームギア（89年4月） スーパーファミコンのコントローラ（90年11月） スーパーファミコンの決定ボタンはどれなのか？ じゃあアメリカのスーファミことSN
ゲームギアミクロ | セガ
「ドラゴンクエストでは、初期の頃のアイテムはほとんどデザインしました」たまさん大王さんによる『ロトの剣』デザイン制作秘話。 #ドラゴンクエスト #ロトの剣
たまさん大王「よろず工房たまや」代表 @tamasan_daiou 「よろず工房たまや」代表 元GAINAXのなんでもするおじさん。アニメやゲームのアイテムやメカのデザインなど手掛けます。一番有名なのは「ドラゴンクエストシリーズ」の「ロトのつるぎ」「天空のつるぎ」。PCゲーム「綾波育成計画」「まほろまてぃっく☆あどべんちゃー」監督。 pixiv.me/tamasandaiou
はじめに Webフロントエンド開発の学習において、多くの人がまず最初にconsole.logの使い方を学びます。 console.logはデバッグの際に非常に便利なツールですが、JavaScriptにはこれ以外にも多彩なデバッグ機能が存在します。 通常のconsole.logだけでなく、さまざまなconsoleのメソッドを活用することで、デバッグ作業をより効率的に、かつ迅速に進めることができます。 console.log ブラウザの開発者ツールやNode.jsのコンソール上に、渡された引数を表示します
プレイステーションが勝者になったのは FINAL FANTASY VII のお陰なんだっけ？ - 最終防衛ライン3
批判相次ぐ書籍「ゲームの歴史」、オンラインストアから姿を消す Amazon、紀伊国屋書店などで - ITmedia NEWS 岩崎夏海・稲田豊史両氏による「ゲームの歴史」が話題である。多くのツッコミが入っているが、ハドソンでPCエンジンに関わった岩崎啓眞氏の反論が読み応えあって、いっそ出版してくれ！と願う。しかし、両者とも「岩崎」でややこしい･･････。 反論シリーズの一本である 書籍「ゲームの歴史」について(7) | Colorful Pieces of Game にて、以下のような記述がある。 セガの『バーチャファイター２』は、いわゆるPS1とサターンの次世代戦争のど真ん中、1995年の冬の目玉ゲームで、実に100万本以上を販売したミリオンセラーで、一時的にサターンが台数でPSを突き放す原動力となったソフトだ。 私の記憶としても、バーチャファイターをプレイしたくてセガサターンを買おう
汝、コマンドプロンプトを愛せよ - Qiita
Windowsの自動化の基本となるものにコマンドプロンプトと、そこから実行できるバッチファイルがあります。 Windowsのバッチファイルは古いマシンから新しいマシンまで使用できます。 今回は、それをまとめてみようと思いますが、百番煎じくらいになるので、なるべくMicrosoftが提供するドキュメントをベースになるように話を進めたいと思います。 文中のリンクは基本的に公式サイトへのリンクになっているので必要に応じて参照してください。 ※注意 なにがなんでもバッチファイルで書けという趣旨の記事ではありません。最近はPowerShellも使えますし、レガシーの環境ではWSHという選択肢もあります。 汝、ヘルプを愛せよ コマンドプロンプトでなんらかの操作を行う場合、手っ取り早くコピペですますのもよくあることですが、基本的にはヘルプを確認するようにしましょう。コピペ元のコマンドやオプションをよくわ
JavaScriptの小技集 - Qiita
はじめに 初投稿です。 知ってたら便利になる小技が無かったのでまとめました。 「小技が知りたい...だけど検索しても出てこない...！」 そういう時に役立ちます。 比較的古いバージョンのJSでは一部の小技が使えないかもしれません。 随時追加予定です。他に小技をご存じの方はコメント欄にGO。 おことわり この記事は、あくまで"こんなやり方もあるよ"と紹介しているだけなので、何でもかんでもこれらの小技を使うと、かえってコードの可読性を下げる可能性があります。コードサイズと可読性を天秤にかけてどちらが良いかを都度確認しましょう。 記事内の間違った部分の指摘等はこの記事のコメントや編集リクエストでして下さい。 当方コードゴルファーなので、バイト数短縮小技も入れていることをご了承ください（一応該当する節には＊をつけています）。 配列 配列の重複した値を削除1 const meta = ["foo",
マイクロソフト、「Windows Terminal」機能確定版リリース。複数タブ、ペイン分割、プログラミング用フォントなどを含む、4月正式リリース予定
マイクロソフト、「Windows Terminal」機能確定版リリース。複数タブ、ペイン分割、プログラミング用フォントなどを含む、4月正式リリース予定 マイクロソフトがオープンソースとして開発中の「Windows Terminal」バージョン0.9がリリースされました。今年4月に正式リリースが予定されており、今回リリースされたバージョン0.9は正式リリースに向けて新機能が追加された最後の版となります。 Windows Terminalは2019年5月にWindows 10の新機能として発表されたソフトウェアです。 タブによっていくつでも画面を開くことができ、それぞれの画面でコマンドプロンプトやPowerShell、Windows Subsystem for LinuxやSSH経由でほかのサーバへの接続など、Windows 10上でのすべてのコマンドラインインターフェイスが統合可能となります
はじめに 2016年にこんな記事を書きました。 Big Sky :: Windows ユーザは cmd.exe で生きるべき。 [D] Windowsはターミナルがダメだから使えないってのは過去の話? 基本的にはいい感じに見えますが、いくつか問題は発覚してます。 http://blog.drikin.com/2015/01/w... https://mattn.kaoriya.net/software/why-i-use-cmd-on-windows.htm この記事は日常からコマンドプロンプトを使うユーザに Windows で生き抜く為の僕なりの方法を教授したつもりです。最近は PowerShell を使われる方も多いと思いますが、僕はどうしても PowerShell が好きになれず、未だにコマンドプロンプトで生き続けています。 あれから4年 記事の反響は結構大きく、いろいろなコメントも
先日、このようなツイートを書きました。 久しぶりの JavaScript クイズ。 JavaScript において NaN === NaN の結果は次のうちどれになるでしょうか？ — Takuo Kihira (@tkihira) September 7, 2021 答えは 4 の「状況によって上記以外もありうる」です。でも、2 や 3 を選んだ方も、もはや正解だといって差し支えないと思います。 解説が長くなったので、ブログ記事にまとめました。 そもそも NaN とは NaN は “Not a Number” を意味する数値です。数値なのに「Not a Number」というのは違和感があるかもしれませんが、数値表現することが出来ない状態を保持するために便宜的に用意された数値、というようなものです。 NaN は、浮動小数点演算において数値では表現出来ない計算をしようとすると登場します。例えば
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
Webフロントエンドパフォーマンスチューニング80選 - Qiita
配列を征する者はJSを制す。JavaScriptのスマートな配列操作テクニック - ICS MEDIA
Command Line Interface Guidelines
Qiitaの質問に答えまくって気付いた初心者に足りないバグ解決スキル - Qiita
JavaScript で parseInt / parseFloat を使わない方が良い理由
JavaScriptのモダンな書き方 - ES2020のオプショナルチェーン、null合体演算子、動的import、globalThis等を解説 - ICS MEDIA
プレステ５ちょっといいなと思っている人に見てほしい 追記あり
なんでもSPAにするんじゃねぇ！という主張のその先 - console.lealog();
Chrome Devtoolのmonitorを使うと関数の呼び出しを観察できて便利 - ぱすたけ日記
まだ使ってる？今は非推奨となったJavaScriptの書き方
AWSアカウントを作成したら最初にやるべきこと -セキュリティ編- - Qiita
Nintendo Switch（有機ELモデル）｜任天堂
[JavaScript] URLを文字列結合で組み立てないために、url-cheatsheetを作った
コントローラーのボタン配置と決定ボタンの変遷（その1） - 名称未設定。
PS5のボタンはなぜ「×で決定」に変わったのか【西田宗千佳のイマトミライ】
setTimeout を完璧に理解する
JavaScriptでconsole.logを使用してませんか？
「NINTENDO64」互換機、2024年発売へ
JavaScript で then を使うのは避けよう（await / async の初級者まとめ）
Big Sky :: Windows ユーザは cmd.exe で生きるべき 2020年版
JavaScript クイズ解説: NaN === NaN の結果はどうなる？
phxxius.hatenablog.com
winspace.jp
yularihappysmile.com
news.yahoo.co.jp
earthreview.net
jp.eporner.com