JavaScript

JavaScript

【PCゲーム】Screeps: Arenaの遊び方(チュートリアル「Creeps bodies」)を日本語に!和訳して解説!(その4)

ここまでのバックナンバーは下記の記事を参照してください。 【PCゲーム】Screeps: Arenaの遊び方(チュートリアル「Loop and import」)を日本語に!和訳して解説!(その1)【PCゲーム】Screeps: Arenaの...
JavaScript

【PCゲーム】Screeps: Arenaの遊び方(チュートリアル「First attack」)を日本語に!和訳して解説!(その3)

前回はmoveTo()メソッドの使い方のチュートリアルを紹介しました。過去の記事は下記になりますので参考にしてみてください。 それでは3番目のチュートリアル「First attack」を日本語にしていきましょう。 各チュートリアルは別途記事...
JavaScript

【PCゲーム】Screeps: Arenaの遊び方(チュートリアル「Simple move」)を日本語に!和訳して解説!(その2)

前回はloop()関数の中に処理を記述して、ファイルを実行することでゲームを進めるということが分かりました。チュートリアル1については下記のリンクを参照してください。 それでは2番目のチュートリアルである「Simple move」を和訳(意...
JavaScript

【PCゲーム】Screeps: Arenaの遊び方(チュートリアル「Loop and import」)を日本語に!和訳して解説!(その1)

プログラマー向きプログラミングゲームの「Screeps: Arena」のデモ版を少し体験してみました。 悩見坂 楓 プログラミングでゲーム?どうやんの? 著者 それが僕も初めてなんですよ。まぁ勝てる気がしないですね。PvPなんで。 あ、エル...
JavaScript

究極的に分かりにくいbind()メソッドを出来るだけ初心者にもわかるように解説【JavaScript】

初心者がつまづくメソッドのひとつにbind()メソッドがあります。おそらく中級者以上でもなぁなぁになって正面から向き合わずに過ごしてしまっている方も多い気がします。フレームワークのReactでもbind()メソッドはよく使いますね。 どのサ...
JavaScript

【JavaScript】正規表現の使い方とサンプル一覧

JavaScript初心者がよくつまづく正規表現。中級者以上であっても何となくぼんやりとしか使えないコーダーやフロントエンドエンジニアが多いのではないでしょうか。 2022年現在でもJavaScriptの正規表現は昔から変わらず、一度使える...
JavaScript

JavaScriptにおける「$(ドルマーク)」の意味と使い方

JavaScript内で使用される「$(ドルマーク、ダラー)」には4通りの利用シーンがあります。1つは、文字列で使用される場面、2つ目はjQuery関連、3つ目はテンプレートリテラル内での使用、そして4つ目は正規表現の中です。 それぞれの利...
JavaScript

【2023年】フロントエンドエンジニアとは?必要なスキル・資格・年収について徹底解説!

悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない? 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ!とは断定できない部分もありますよね。 ...
JavaScript

無料版がリリースされたヘッドレスCMS「Newt」をReactで触ってみた

Newtとは2022年3月8日に無料版がリリースされたヘッドレスCMS(Headless CMS)です。今回、たまたまTwitterでお見かけしたので、管理画面からReactの簡易実装テストまで行いました。 悩見坂 楓 純国産のヘッドレスC...
JavaScript

クロージャーをJavaScriptで理解する・使い方

クロージャーとは、別名「関数閉包」と呼ばれ、内部スコープから外部スコープの変数を参照する関数です。クロージャーは、外側のスコープをその内側のスコープ内に保持します。基本的にクロージャーはFunctionオブジェクトになります。 悩見坂 楓 ...
JavaScript

【2023年】jQuery CDN早見表と使い方入門

この記事の内容は2022/03/05時点での情報です。リンク切れや使用不可のCDNがある場合は、お問い合わせフォームからご連絡ください。Twitterアカウントからでも受け付けています。 CDNとは Content Delivery Net...
JavaScript

JavaScriptにおけるObject(オブジェクト)型

一般的にJavaScriptのobject(オブジェクト)とは、Objectクラスのデータ型の1つに分類されます。 JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインスタンスで...
JavaScript

ウクライナの国旗を自動生成するjQueryプラグインno-war.jsを作りました

悩見坂 楓 戦争反対! 著者 反対!反対!jQueryのプラグインを作りました 戦争に断固反対しています。 ウクライナの国旗を生成するjQueryのプラグインを作りました。即興なので幅だけオプションしていできます。jQuery.no-war...
JavaScript

JavaScriptにおけるforEach()とは?基本的なループの使い方と注意点

配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに実...
JavaScript

Slick SliderのcenterPaddingオプションで%指定したい・基本的な使い方

jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。 centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真ん中のス...