JavaScriptJavaScript、jQueryでブラウザのタブがアクティブ（非アクティブ）になったか判別/検知する方法
通常のサイト、いわゆるホームページを作成するときにはあまり意識しないですが、Webアプリケーションやブラウザ駆動のアプリケーションを作る時には意外と知っておく必要があります。 まずは、JavaScript（jQuery含む）ではブラ...
吉村 ケンイチ
JavaScript
JavaScriptIE（InternetExplorer）のサポート終了から生まれるメリット5選！～フロントエンドエンジニアの観点からJavaScriptを考える
2022年6月15日、それは「お疲れ様」と同時に「ヨッシャー！」となる不思議な日。かのInternetExplorerが遂にサポート終了となりました。エンジニア、Webデザイナ、コーダー、プログラマの皆さん、Web業界にかかわるすべての皆...
JavaScript【JavaScript】イベントにおけるバブリング（bubbling）とは？挙動と、停止する方法
JavaScript中級者ともなると、バブリングという言葉を耳にしたことはあるはずです。文字通り英語では「Bubbling」と書き、泡が水面まで登っていく様子を模したプログラム用語です。 悩見坂 楓 バブリングってあれか、MJが飼っ...
JavaScript【意外と知らない】jQuery.fn.on()の引数にドットを用いて名前空間を表現する方法
廃れそうで廃れないjQueryですが、まだまだ知らないことが多かったりしませんか？？今回はjQuery.fn.on()のイベントに名前空間を付けて管理できるという少々上級者向きな内容になります。 悩見坂 楓 名前空間って何よ、ネカフ...
JavaScriptJavaScriptでブラウザのsessionに値を格納・抽出（取得）・削除する方法
session操作に関する構文 // session 格納 window.sessionStorage.setItem(,); // session VALUEの取得 window.sessionStorage.getItem()...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Final test」）を日本語に！和訳して解説！（その１０）
とうとう最終章です！このチュートリアルではサンプルコード無しで敵のクリープを全滅させるのが目標です。今までのチュートリアルを駆使して自分なりの攻撃方法で挑戦する必要があります。著者はクリープを２個生成して、rangedAttack()でゴ...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Construction」）を日本語に！和訳して解説！（その９）
Constructionは直訳すると「工事」ですね。一体何を工事するのでしょうか？日本語にしてみましょう。 チュートリアル全記事は以下になります。 Loop and import（ループとインポート）Simple move（単...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Harvest energy」）を日本語に！和訳して解説！（その８）
チュートリアル「Store and transfer」（その５）でエネルギーの貯蔵と転送についての説明がありましたが、今回のチュートリアルではエネルギーの採掘（摂取）についてです。 チュートリアルの全記事は以下になります。 L...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Spawn creeps」）を日本語に！和訳して解説！（その７）
チュートリアルもそろそろ終盤に差し掛かってきました。今回はSpawn creepsということでクリープを生産する方法のチュートリアルです。クリープって動詞で「這う」とか「忍び寄る」とかいう意味なんですよね。名詞形だと「這う者」「忍び寄る者...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Terrain」）を日本語に！和訳して解説！（その６）
今回はTerrainのチュートリアルを紹介します。Terrainは日本語で地形を意味します。地形とクリープの関係はいったいどのようにプログラムすれば良いのでしょうか。 各チュートリアルは別途記事にしてありますので、他のチュートリアル...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Store and transfer」）を日本語に！和訳して解説！（その５）
ようやくチュートリアルの半分まで来ました……だんだん複雑になってきましたね……過去のチュートリアルは下記にありますので併せてご覧ください。 【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Loop and imp...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Creeps bodies」）を日本語に！和訳して解説！（その４）
ここまでのバックナンバーは下記の記事を参照してください。 【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Loop and import」）を日本語に！和訳して解説！（その１）【PCゲーム】Screeps: Ar...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「First attack」）を日本語に！和訳して解説！（その３）
前回はmoveTo()メソッドの使い方のチュートリアルを紹介しました。過去の記事は下記になりますので参考にしてみてください。 それでは３番目のチュートリアル「First attack」を日本語にしていきましょ...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Simple move」）を日本語に！和訳して解説！（その２）
前回はloop()関数の中に処理を記述して、ファイルを実行することでゲームを進めるということが分かりました。チュートリアル１については下記のリンクを参照してください。 それでは２番目のチュートリアルである「Simple ...
JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Loop and import」）を日本語に！和訳して解説！（その１）
プログラマー向きプログラミングゲームの「Screeps: Arena」のデモ版を少し体験してみました。 悩見坂 楓 プログラミングでゲーム？どうやんの？ 著者 それが僕も初めてなんですよ。まぁ勝てる気がしないですね。PvPな...