先日、このようなツイートを書きました。 久しぶりの JavaScript クイズ。 JavaScript において NaN === NaN の結果は次のうちどれになるでしょうか？ — Takuo Kihira (@tkihira) September 7, 2021 答えは 4 の「状況によって上記以外もありうる」です。でも、2 や 3 を選んだ方も、もはや正解だといって差し支えないと思います。 解説が長くなったので、ブログ記事にまとめました。 そもそも NaN とは NaN は “Not a Number” を意味する数値です。数値なのに「Not a Number」というのは違和感があるかもしれませんが、数値表現することが出来ない状態を保持するために便宜的に用意された数値、というようなものです。 NaN は、浮動小数点演算において数値では表現出来ない計算をしようとすると登場します。例えば
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方
申し訳ありませんこのサービスはお住まいの地域からはご利用になれません。
コマンドラインツールのcurlを用いてHTTPによる通信のパフォーマンスを調べる方法を考えていこうと思います。 curlとは curlはURLを用いてデータをやりとりするためのコマンドラインツールもしくはライブラリです。 コマンドラインツールとしてはcurl、ライブラリとしてはlibcurlがあります。 HTTPだけではなくFTPやSMTPなど様々なプロトコルに対応しています。 自分は主にCLIからHTTPリクエストを送りたい時などに使っています。 使ってみたい方は以下の方法でインストールできると思います brew brew install curl apt apt install curl --write-outを使ってパフォーマンス測定 curlには様々なオプションが用意されていますが、今回、主に用いるのはこの-w, --write-outオプションです。 このオプションは指定したフォ
小ネタ。chromeで動作確認 何となく使っていたので改めて勉強してみたら知らなかったことなどのまとめ this 関数の呼び出し元のオブジェクトがthisになる。ただし、呼び出し元のオブジェクトの指定がない場合は、windowオブジェクトがセットされる。ただし、厳格モードuse strictの場合はundefinedがセットされる const foo = { bar: function() { // 呼び出し元はfoo.bar() console.log(this); // foo object const baz = function() { // 呼び出し元はbaz()でオブジェクトの指定がない console.log(this); // window object } baz(); const qux = function() { 'use strict'; // 呼び出し元はqux
Dockerでデバッグ対象のコンテナにツールを入れずにtcpdump/straceなどを使うワンライナー - Qiita
はじめに Dockerであんなコンテナやこんなコンテナを動かしてると、なんかうまく動かなくて、デバッグのためにtcpdumpとかstraceなどのツールが使いたくなることが稀によくあります。 そんな時、デバッグ対象のコンテナ内にツールを一時的にインストールしちゃうというのが、まぁ簡単で分かりやすいんですが、デバッグ対象のコンテナを汚すのはできれば避けたいところです。 Dockerのコンテナの分離というのは、結局のところLinuxのリソースの名前空間の分離であるので、逆に同じ名前空間を共有すれば、デバッグ用に立てた隣のコンテナから、デバッグ対象のコンテナのネットワークやプロセスの状態を観察することも可能です。 また、docker buildはDockerfileを標準入力から受け取ることもできるので、ワンライナーにしてデバッグ用のコンテナをシュッと呼び出せるようにしてみました。 TL;DR
はじめに このページは、プロトアウトスタジオのAPIにつなげる授業に関連して、よりAPIの多様さ、広がりを深掘りします。 まだ、JavaScriptに慣れていなくても「なるべくシンプルにAPIを体験する」ことを目指して、 public-apis というフリーで使えるAPIを集めてリストにしているサイトから、手順が少なくAPIにつなげられるシンプルに取得できるものを中心に、直接取得できるURL・Node.js axios await/async ソースコードを一つ一つトライしています。 慣れてきたら、自分で public-apis のサイトを直接読んでみて、巡ってみましょう！ APIピックアップ数 最終更新日 2020/6/8 104 個のAPIをピックアップ中！ 参考資料 public-apis の豊富なAPIリストをベースにAPIつなげていきます。 ピックアップルール 手順が少なくAPI
なぜ大手メディアは海賊版ファミコンを掲載するのか？
◆真面目な記事なのに……◆ 日本の大手メディアが配信しているファミコン関連の記事において「海賊版ファミコン」の写真を掲載してしまうという珍事が度々発生している。 たとえば2021年12月には自称・公共放送であるNHKがあろうことかファミコンの生みの親である上村雅之氏の訃報記事で海賊版『マッピー』の画像を掲載するという失態をやらかしている。 参考記事：NHKが掲載した謎のファミコンソフト『Mappy』の正体を暴け!! あまりにも敬意を欠いたこの所業に、筆者は思わずNHKにメールを送ったり記事を書いたりしてなんとか伝えよう試みたのだが、そんなうったえむなしくNHKが写真を差し替えてくれることはなかった。現在、この記事は公開期限をむかえたのか閲覧できない状態になっている。 また、かつて『ファミコンジャンプ』を企画するなどがっつりファミコンと関わっていた集英社も、2023年7月に以下の記事でコント
JavaScript を書いたことがある人ならば一度は使うであろう console.log ですが、この関数は思ったよりも厄介な性質を持っています。その性質を知らずに console.log を使うと、デバッグ時に大ハマリしてしまうことがあります。この記事では console.log の落とし穴についてお話します。 今回は Chrome に特化して解説しますが、Firefox や Safari でも同じ落とし穴があります。 console.log とは まずはさらっと基本をおさらいしましょう。 大前提なのですが、console.log は JavaScript の言語仕様（ECMAScript）で定義されていません。ブラウザ向けには whatwg の仕様がありますが、あくまでもそれはブラウザ向けの仕様であり、Node.js を含むほぼ全ての JavaScript 環境で使えるのは cons
JavaScriptのコードには、こんな書き方もある
この記事はコードの書き方について、書き方そのものを推奨するものではなく、このような書き方も出来るという紹介です。コメント欄まで一緒にみていただくと学びになります。 ※記事はいただいたコメントを反映しましたので、当時のコメントと記事の内容に差分があります 1.破壊的メソッドを避ける 破壊的メソッドとは、元の配列の要素を変えるメソッドです。以下の例ではconstで宣言した変数numbersが、pushメソッドにより更新されています。 対応前 const numbers = [1, 2, 3] numbers.push(4) console.log(numbers) // [1, 2, 3, 4] この場合、元の配列の要素を更新するのではなく、スプレッド構文を使って新しい変数に代入します。変数はなるべくイミュータブルにしておくと、意図しない不具合やプログラムの可読性や保守性が向上します。push
発売22周年を迎えたPlayStation®2の誕生秘話 – Sony Interactive Entertainment Japan
今年2022年の3月4日（金）にPlayStation®2（PS2®）が発売22周年を迎えました。グラフィクスの美しさがゲームの表現の幅を広げ、前世代機である初代PlayStation®のゲームもプレイできることから話題を集めたPS2。さらにゲームだけでなくDVD再生プレイヤーとしても使うことができたため、幅広い層からから支持を得たハードウェアでもありました。 当時PS2がいかに世間の注目を集めたかは、全世界累計販売台数がプレイステーション史上最大（2013年末時点）の１億5500万台以上であることからもうかがい知ることができます。そんな、最もユーザーから期待されたゲーム機であるPS2は、どのように開発されたのでしょうか？ PS2の開発に携ったソニー・インタラクティブエンタテインメント（SIE）の豊 禎治、鳳 康宏の二人が当時の出来事や想いを語ります。 写真左：豊 禎治（ゆたか ていじ）
数列の和を求めるプログラムを作成することになり、意気揚々と以下のようなプログラムを書いたという状況を想像して下さい。 function sum(nums, acc = 0) { if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(sum(nums)); // expected: 55 一見すると何も問題なさそうに見えるプログラムですが、実はバグがあります (皆さん分かりますか?) *1。実際に上記プログラムを実行すると 55 ではなく 10 が出力されます。 こうした場面に遭遇すると、自然と sum
公式アナウンス ユーザーの声 React Nativeっぽい 2つの事実を確認する RedBoxが表示されている Textコンポーネントについてのエラーが出ている 追記 感想と邪推 追記：Textコンポーネントのエラーが起きるパターン おわりに 本日、Uber Eatsで大規模障害がありました。React Native絡みのようなので、今わかっている範囲の事実だけメモしておこうと思います。 公式アナウンス 【システム障害に関するお知らせ】 現在、Uber Eatsアプリのシステム障害の為、サービスを一時停止しております。 ご迷惑をおかけしますが、復旧までしばらくお待ちください。— Uber Eats Japan（ウーバーイーツ） (@UberEats_JP) 2020年1月16日 【サービス再開のお知らせ】 サービスを再開いたしました。 ご注文に影響のあった注文者の皆様には個別にメールにて
React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。 - Qiita
Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。 コードの比較 React const Counter = () => { const [count, setCount] = useState(0) useEffect(() => { console.log(`Count: ${count}`) }, [count]) return ( <div> <div>{count}</div> <button onClick={() => setCount(prev => prev + 1)}>Add</button> </div> ) } const Counter = () => { const [count, setCount] =
JavaScriptの仕様であるECMAScriptはEcma Internationalによって定められています。ECMAScript 2015（ES6）の登場以降は、ECMAScript 2016、ECMAScript 2017･･･と、年次で仕様が更新されています。ECMAScript 2022（ES2022）は2022年6月22日のEcma InternationalのGA 123rd meetingにて、ECMAScript 2023（ES2023）は2023年6月27日のGA 125th meetingで承認されました。 ES2022とES2023はすでに多くのブラウザやNode.js環境で利用可能です。本記事では新仕様と使いどころを紹介します。 ES2023 - 配列の非破壊操作 ES2023では配列を非破壊で操作できるメソッドが追加されています。非破壊とは、元の配列を変更せ
はじめに 「株式会社じげん Advent Calendar 2021」17日目を担当します、きあ（Chia）です。 エンジニアとしてプロダクトの開発・運用保守をしつつ、SEO・CROといったマーケティング施策の立案・分析も担当しております。 今回は、エンジニアとマーケティングの両方を担当している私から、「Google Search Console」（以下サーチコンソール）で、エンジニアが見ておくとサイトの改善効率が上がる機能を5つご紹介します。 このような方に向けた記事です 自社でWebサービスを開発・運用しているエンジニアの方 サーチコンソールにどのような機能があるか知らない方 基本的な機能の紹介、見ていく上での簡単なポイントの紹介となります。 普段からサーチコンソールを見る習慣がある方、またWebサービスの運用に関わっていない方にはあまり役立てないかもしれません。 用語について 記事中
Nintendo SwitchのJoy-Conドリフトをめぐり、新たな集団訴訟が米国で発生。原告側はJoy-Conを分解し、“欠陥”の原因を電子顕微鏡写真付きで提示 - AUTOMATON
Nintendo Switch用コントローラーであるJoy-Conにおける、いわゆる“Joy-Conドリフト”を巡って、アメリカで新たな集団訴訟が提起された。海外では、任天堂の各地域の法人に対して複数の集団訴訟が提起されているが、今回は原告がJoy-Conドリフトの原因を具体的に示していることが特徴である。海外メディアPolygonが報じている。 Joy-Conドリフトとは、Joy-Conのアナログスティックに触れていないのに、勝手にスティック操作がおこなわれる上の映像のような現象のこと。内部パーツの何らかの不具合が原因だと考えられており、Nintendo Switch Liteのアナログスティックでも発生することがあるようだ。それぞれの集団訴訟の原告は、これは製品としての欠陥にあたるとして訴えている。そして今回、A.C.氏およびMaria Carbajal氏を代表とする原告は、11月17
Logpointsを使おう Webフロントエンドの開発をする際、デバッグ目的で「特定の処理が実行された」ということを確認するために console.log() を使うことは多いと思います。しかし、Google Chrome や Microsoft Edge で利用可能な Logpoints を利用することで、 console.log() を使わずともコンソールにメッセージを出力することが可能です。 なぜLogpointsを使うの？ Logpoints を使うのには以下のメリットがあります。 デバッグや動作確認のためにコードを変更する必要が無い console.log() を誤ってcommitに含めてしまう心配が無い console.log() を入れた後に再ビルドやホットリロードを待つ必要が無い どうやってLogpointsを使うの？ logpoints は以下のように使用します。 Chr
基盤チームの右京です。 昨今はフロントエンドのアプリケーションもリッチになり、ブラウザ上で実行されるコードが行うことの範囲も増えてきました。一方で多くのことを実装できてしまうのはリスクでもあり、BASE でも問題となることがあります。 その中でも「開発環境の URL」や「デバッグ機能の存在」ような環境毎に異なる情報は、特に意図せずに漏れやすいものだと考えています。これらはコードを記述する際に、実装方法を知識として知っていればその多くが回避可能です。この記事ではその実装例を解説しています。 コードから漏れる情報 例えば、次のようなコードがあるとします。 function debug() { // 開発環境の host であればデバッグ機能を有効にする return location.host === 'dev.example.com'; } なんの変哲もないようなコードに見えますが、ブラウザ
tail -F /path/to/access.log のようなストリームに対して何度でもgrepを試行錯誤できるツール filt を作った - Copy/Cut/Paste/Hatena
filtというツールを作りました github.com これはなに まずは以下のスクリーンキャストをご覧ください tail -F /path/to/access.log のようなログの流れを止めてはgrepをして、止めてはgrepのコマンドを変更してしています。 その間、実は裏では実際のストリームは止めていません。 つまり、ストリームのパイプ先に まずfiltを指定しておく ことで、ストリーム自体は止めずに、パイプ先のコマンドを 後で何度でも 変更できます。 grepやsedやawkが下手なので何度も試行したい 私はgrepやsedやawkなどのコマンドを一発で指定できるほど練度が高くないので、コマンドを組み立てるために何度も Ctrl+C でキャンセルしては再実行の繰り返しをしていました。 最近は stern や Harvest などでKubernetesのPodのログを流すことをもある
Neural Network Console概説： GUIで直感的にディープラーニングしよう！：AI・機械学習のツール＆ライブラリ Sonyが自社製品でも活用する信頼性の高いディープラーニングツール「NNC：Neural Network Console」の概要と特徴を筆者なりに分析して紹介。どんな人がどんな用途で使うべきかの指針も提案する。
0 fgets <internal>:-1 1 <main> <internal>:-1 0 fgets <internal>:-1 1 <main> <internal>:-1 0 fgets <internal>:-1 1 <main> <internal>:-1 ... 0 time_nanosleep <internal>:-1 1 PhpProfiler\Lib\Loop\LoopMiddleware\NanoSleepMiddleware::invoke /home/sji/work/php-profiler/src/Lib/Loop/LoopMiddleware/NanoSleepMiddleware.php:33 2 PhpProfiler\Lib\Loop\LoopMiddleware\KeyboardCancelMiddleware::invoke /home/sji/
PowerShellのGet-CimInstanceコマンドを使うと、コマンドラインからUSBデバイスなどを検索で見つけることができる USBデバイスについて調べたくなることがある。簡単な方法としては、コントロールパネルのデバイスマネージャーがあるが、デバイスを探す場合は目視となるため、どうも面倒なことが多い。最近では、ラップトップやタブレットなどの内蔵デバイスもUSB接続になっていることがあり、マウスやキーボードのようにケーブルがつながっているものだけがUSBデバイスとして存在するわけでもない。 USBデバイスをコマンドラインで調べる コマンドラインから簡単にUSBデバイスを調べるには、PowerShellのGet-CimInstanceコマンドが利用できる。このとき、以下の表のようなクラスを指定することで各種のUSB関連情報を得ることが可能だ。 まず、すべてのデバイスは、「Win32_
はじめに この記事では、consoleメソッドについて紹介を行っていきます。consoleメソッドには例えばconsole.log()などが挙げられます。web開発においてconsole.log()を使用する方は多いかもしれません。しかしconsoleにはconsole.log()以外にも様々なメソッドがあるので、状況に合わせて使い分けることで少しでも快適なデバック、開発ライフを目指しましょう。 弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 consoleについて consoleオブジェクトを用いることで変数の値などをコンソール上に出力することができます。主に出力の確認であったり不具合の原因特定などのデバックするために
「ファミコン互換機」は，なぜそこにある？ 世界初の本格的な非公認ゲーム互換機データベース「アノウソライズン」が伝えるもの
「ファミコン互換機」は，なぜそこにある？ 世界初の本格的な非公認ゲーム互換機データベース「アノウソライズン」が伝えるもの ライター：hally 巷にあふれるファミコン互換機。「手軽で助かる」という人もいれば，「再現性がいまいち」とお嘆きの人もいることと思うが，何にしても互換機のある風景は今やすっかり珍しくなくなった。かつては知る人ぞ知るマニアックな商品であり，もっと遡ればそもそも公に言及することすらはばかられる“海賊版”だったりもしたわけだから，隔世の感がある。 では，これらの互換機を作っているのは，そもそも何者なのだろうか。一体いつ頃，どこで，どのようにして互換機が生み出され，どういう経緯で広く流通するようになったのだろうか。私達はいまだ多くを知らずにいる。 ゲーム史の裏側で，決して讃えられることなく成長してきた鬼子たち。偉大なゲーム機が発売40周年を迎えた本日，改めて彼らの歴史について
はじめに フロントエンドのWeb開発においてconsole.log()というのは非常によくお世話になります． しかしconsoleオブジェクトにはには他にもたくさんのインスタンスメソッドがあり，それらを使わずに開発を行うのは少しもったいないです． この記事では様々な機能を紹介していき明日から開発で使用していただければ嬉しいです． assert console.assert()は第一引数に論理式をとり，第二引数以降には任意のオブジェクトを取ります． 第一引数がfalseとなった場合，第二引数をコンソールに出力します． サンプル // assert const wishToSuccess = () => { return Math.random() < 0.5 } console.assert(wishToSuccess(), "失敗しました") 出力 log 一般的にログを出力するconso
TypeScript の「型安全」を担保するために知っておきたかったこと - OITA: Oika's Information Technological Activities
タイムリープTypeScript 〜TypeScript始めたてのあの頃に知っておきたかったこと〜 アドベントカレンダー1日目の記事になります。 よろしくお願いします。 3行で TypeScript で安全に型を扱う勘所は以下2点だと思いました。 最初から最後まで型が壊れていないことを保証する 型が壊れる可能性があるものは壊れている前提で扱う 個人的背景と前提 もともと C# での開発をメインとしていました。 Web開発は、JavaScript歴 ≒ TypeScript歴くらいの型付依存者です。 そのため、型付けのゆるい言語に対する耐性がなく、本内容もそういうポジションからの見解になります。 本記事内のサンプルコードは TypeScript V4.4 で挙動を確認しています。 最近のバージョンで変更のあった点は脚注を入れています。 最初から最後まで型を壊さない C# という静的型付け言語
SOLID原則を理解し、JavaScriptで実践するためのガイド - deve.K's Programming Primer - プログラミング初心者のための入門ブログ
ソフトウェア開発者にとって、堅牢でテスト可能で拡張性があり、保守性の高いオブジェクト指向のソフトウェアシステムを設計することは重要です。 そこで登場するのがSOLID原則です。 SOLIDは、ソフトウェア開発中に生じるかもしれない特定の問題を解決するために5つの設計原則が組み合わさったセットです。 この記事では、SOLID設計の原則について詳しく学んでいきます。 具体的には、SOLID原則が何を意味しているのか、各部分がそれぞれ何を表しているのか、また実際のプログラム例を挙げながら現役のプログラマーが説明します。 さらに、JavaScriptを使ってこれらの原則を実装する方法も紹介します。 SOLID設計原則とは？ 単一責任原則 (SRP) Open/Closed原則 リスコフ置換原理 (LSP) インターフェース分離原則 (ISP) 依存関係逆転の原則 最後に SOLID設計原則とは？
“世界で最も売れなかったゲーム機”ピピンアットマークの真実とは。「黒川塾 七十六（76）」聴講レポート ライター：大陸新秩序 2020年5月30日，トークイベント「エンタテインメントの未来を考える会 黒川塾 七十六（76）」が，OPENREC.tvの黒川塾チャンネルにて配信された。このイベントは，メディアコンテンツ研究家の黒川文雄氏がホストを務め，招いたゲストとともに，ゲームを含むエンターテイメントのあるべき姿をポジティブに考えるというものである。 今回のテーマは「世界一売れなかったゲームハード・ピピンアットマーク！」で，1996年3月にバンダイ（当時）の子会社であったバンダイ・デジタル・エンタテイメント（1998年解散）から発売された「ピピンアットマーク」を取り上げた。 ゲストは，当時プロデュースに関わったF2（エフツウ）の代表取締役社長を務める黒川文雄氏（以下，黒川社長）。ホストの黒川
はじめに 明けましておめでとうございます。 (一週間遅れ) この記事はJavaScriptの組み込みAPI Intl の紹介と解説です。 Intl とは？ MDN から引用すると Intl オブジェクトは、 ECMAScript の国際化 API の名前空間で、言語に依存した文字列の比較、数値の書式化と、日付の書式化を提供します。 Intl オブジェクトは、いくつかのコンストラクターに加え、国際化コンストラクターや他の言語に関する関数に共通する機能へのアクセスを提供します 用はi18nの書式版です。 例を出すより見たほうが早いので実際に機能解説します。 (先に言っておきますが、実はこれバックエンド無しで自然言語処理が出来る優れものです。) 用語解説 localesって何？そもそもnewって何？って人がいるかもしれないので locales https://developer.mozilla.
アストロシティミニV
「アストロシティミニ」に続くセガアーケードクラシックシリーズ第2弾！ 4.6インチのモニターを新たに採用することで、画面いっぱい広がった縦画面専用機として生まれ変わりました。
JS でブレークポイント毎に処理を分ける場合の方法を resize から matchMedia に移行したので、その際のメモ書きです。 昔ながらの方法 恥ずかしながら、最近まで JS でブレークポイント毎に JS 処理を切り替える場合、 以下のように昔ながらの resize イベントの監視を使っていました... /** * イベントリスナー */ const listener = () => { // リサイズ時に行う処理 if (window.innerWidth >= 768) { // 768px以上 console.log('PC用ブレークポイント用処理'); } else { // 768px未満 console.log('SP用ブレークポイント用処理'); } }; // リスナー登録 window.addEventListener('resize', listener); /
発売前は、携帯性に対する疑問や性能の不安から、スイッチを懸念する意見も多数ありました。ですが、発売以降の好調ぶりは、今さら説明する必要もないほど。その躍進ぶりを、公的なデータを元に分かりやすくお伝えします。 家庭用ゲーム機市場に乗り出して以来、任天堂は長きにわたって業界を牽引してきました。その勢いは今もなお増すばかりで、時価総額が10兆円を超えたとの報道が先日広がったばかり。飛ぶ鳥を落とすような好調ぶりは、疑う余地もないほどです。 任天堂の飛躍は、今なお高い関心を集めるNintendo Switch（以下、スイッチ）の活躍抜きには語れません。これまで任天堂は数々の名機を生み出してきましたが、そのなかでもスイッチは指折りの人気を誇っています。 スイッチの躍進は、歴代ゲーム機の歴史と照らし合わせても「異変」と呼べるほどの展開を迎えています。絶好調の任天堂を支えるスイッチが、どんな歩みと結果を積
取扱注意!?Search Console の検索パフォーマンス レポートを正しく活用するために知っておくべきこと - ブログ - 株式会社JADE
SEOを考えたWebサイトの運営を行う上で、Search Console 内の1つの機能である検索パフォーマンス レポートで確認できるデータを活用しないという選択肢はありません。 検索パフォーマンス レポートでは、Search Console で設定した自身の関わるWebサイトのプロパティ範囲内という制約こそありますが、Google 検索を利用した検索ユーザーのGoogle 検索結果ページ上での行動データを確認することができるためです。 上記での行動データというのは、Google 検索で検索したユーザーが「どのような検索キーワード」で検索して、検索結果に表示された自身の関わるWebサイトの「どのページ」をクリックし、サイト内へ流入しコンテンツを閲覧することになったのかをデータを指します。 Webサイトをより良くするためのSEOを考えた改善施策に必要不可欠となる行動データを確認できるSear
久しぶりに物理本を読んだけど、やっぱ物理はええな・・かさばるとこ以外。 せっかくなので読書感想文と、特に印象に残った部分を、章ごとに書いておく。 第1章: 達人の哲学 この本を読んでいくにあたって、そもそも達人とはなんぞやという話がメイン。 プログラマーというより、いわゆる社会人としてこうあれみたいなテーマで書かれてて、なんかみんな読んだらいいのではと思いました。 物事をうまく進捗させるために、 まず何を言いたくて その結果どうしたいのかまで考えて 相手の状況やタイミングを見計らって コミュニケーションを実行する・されると、あれこれスムーズにいきますよっていう。 このテクは中々に便利で、日常生活でもそれこそ夫婦間とかのコミュニケーションでも使える話かなーと思ってて。 ただ自分の場合はこれをやりすぎて、質問してるはずが誘導尋問みたいになっちゃうときがたまにある・・。 第2章: 達人のアプロー
先日、次のような JavaScript クイズを Twitter で出しました。 // JavaScript quiz: 出力は？ const a = []; { for(let i = 0; i < 10; i++) { a[i] = () => console.log(i); } } a[3](); { let i; for(i = 0; i < 10; i++) { a[i] = () => console.log(i); } } a[3](); { for(let i = 0; i < 10;) { a[i] = () => console.log(i); i++; } } a[3](); — Takuo Kihira (@tkihira) August 15, 2022 答えは 3, 10, 4 なのですが、for 文の let 初期化専用の例外処理がない場合は 10, 10,
PCエンジン mini、発売日は2020年3月19日。『ときメモ』、『SNATCHER（スナッチャー）』など収録 | ゲーム・エンタメ最新情報のファミ通.com
PCエンジン mini 価格：10,500円（税抜） 発売日：2020年 3月19日 CERO：D ※欧州版「PCエンジン コアグラフィックス mini」、米州版「ターボグラフィックス-16 mini」とは収録作品など製品仕様が異なります。日本版「PC Engine mini」付属のゲームパッドには連射機能はありません。 本体サイズ：120mm×115mm×35mm 出力端子：HDMI端子 使用電源：micro-B給電 映像出力：720p、480p 音声出力：HDMI端子からのリニアPCM2CH出力 付属物： ・専用コントローラー ×１個 ※連射機能なし ・ＵＳＢケーブル（電源供給用）×1本 ・ＨＤＭＩ ケーブル×1本 ・取り扱い説明書 株式会社コナミデジタルエンタテインメントは、家庭用ゲーム機『PCエンジン mini』を2020年3月19日（木）に発売することをお知らせします。 『PCエ
一意な識別子の生成でUUID/ULID/CUID/Nano IDなど検討してみた - Sweet Escape
最近、一意な識別子について検討することがあったのでその検討メモ。 一意な識別子とは つまり、重複しない、ユニークな識別子（Identifier, 以下id）のこと。ここではRDBのテーブルにおける主キーとして使うことを想定かつ前提としている。したがって、主キーの要件であるユニーク性を持ったidをどうやって生成していくか。 そんなのDBの連番でいいじゃんて話もあるがここではその話はせず、あくまでも一意な識別子をどう生成するかの話に絞る。 選択肢 一番有名だと思われるUUIDを筆頭にいくつかの選択肢がある。 UUID ULID CUID Nano ID 他にもTwitter発のSnowflakeとか今はDeprecatedになってるshortidなどがあるが、キリがないのでここでは上記の4種類だけで簡単に比較した。また、実際にはUUIDはバージョンによってSpecが異なるがここではバージョン4
ドリームキャスト。セガが実質最後に発売したコンシューマーゲーム機の名である。 当時No1プラットフォームであるプレイステーション、そして長年のライバルであった任天堂のニンテンドウ64。 彼らに打ち勝つべく、セガが送り出したこのコンシューマーゲーム機は、セガに致命傷を負わせ、セガが自力で立てなくなるほどの状態に陥らせた。なぜここまでのダメージを負ってしまったのだろうか。 この記事はドリームキャストでセガがやろうとしたことを読み解き、今に至るまでの歴史を解説していく。 セガサターン時代、セガは流通改革でセガ・ユナイテッドを構築したが、結果だけを見ればこれは上手くいかなかった。（前回の記事参照） 理由はSCEがそれ以上に洗練された流通網を有していたことと、複数の問屋の集合体であるセガ・ユナイテッド内部で競合が起きてしまったこととがある。 セガはドリームキャスト発売の前段階として、この流通を改革し
SEOに強いのは、詳細ページを大量に？ 少数ページを強化？ グーグル中の人のおススメは……【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
「トピックを分けて詳細ページを大量に作る」のと「少数のページにさまざまな情報を盛り込んでいく」のと、SEOではどちらが良いのだろうか？ グーグルのジョン・ミューラー氏が、その2つの作り方が検索でどう扱われるのかと、SEO担当者が方針を選ぶ際のオススメを教えてくれた。ミューラー氏が推奨するのは、どちらの手法だろうか？ ほかにも、今回は特にSEOのテクニックや手法に関する情報を多めに、次のような情報をまとめている。ぜひチェックしてみてほしい。 簡単にできて効果絶大！かもしれないSEO画像のリンクに関するクスッと笑える質問×2ページの更新日時表記はランキングに影響するのか？モバイルSEOでCTRをぐっとUPさせるファビコン設定方法を日本一のSEO専門家が教えてくれたECサイトの購入手続きページはクロールさせる必要なしMFIに移行した日を正確に知る方法サイトマップインデックスファイル内のサイトマッ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript クイズ解説: NaN === NaN の結果はどうなる？
Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
エラー | ABEMA
curlでパフォーマンス測定 | DevelopersIO
JavaScriptを雰囲気で使っていたので勉強し直したら知らなかったこと
すぐにAPIを体験！public-apis 100以上のJavaScript axiosサンプル集
Chrome の console.log でハマらないために
JavaScript で print デバッグ時に変数名を出力する - mizdra's blog
Uber Eatsの障害についての事実をReact Nativeの観点から確認する - ナカザンドットネット
JavaScriptのES2023・ES2022の新機能まとめ - ICS MEDIA
エンジニアも見ておきたいGoogle Search Consoleの機能 5選 - Qiita
console.log() の代わりにdevtoolsのLogpointsを使う - Qiita
フロントエンドのコードからの情報漏洩を防ぐための工夫 - BASEプロダクトチームブログ
Neural Network Console概説： GUIで直感的にディープラーニングしよう！
「別プロセスの PHP が今何をしているか」を実況するプログラムを PHP で作った - Qiita
WindowsのコマンドラインからUSBデバイスについて調べる方法 (1/2)
今からでも遅くないconsoleを使いこなそう - Qiita
console.log()だけのデバッグはやめよう
“世界で最も売れなかったゲーム機”ピピンアットマークの真実とは。「黒川塾 七十六（76）」聴講レポート
JavaScriptの組み込みAPIのIntlが凄いので紹介してみた。
JSのレスポンシブ対応をresizeからmatchMediaに移行した
任天堂「スイッチ8年目」突入という異変 好調過ぎて「後継機」出しづらい？ | マグミクス
達人プログラマー（第2版） 読んだ - console.lealog();
JavaScript のクロージャーと for 文の let 初期化の例外
夢、見果てたり -セガ ドリームキャストの敗北-｜初心カイ
www.businessinsider.jp
childrearingsindoi.hatenablog.jp
x.com
www.newsweekjapan.jp
www.nikkansports.com
www.townnews.co.jp