JavaScript【PCゲーム】Screeps: Arenaの遊び方（チュートリアル「Loop and import」）を日本語に！和訳して解説！（その１）
プログラマー向きプログラミングゲームの「Screeps: Arena」のデモ版を少し体験してみました。 悩見坂 楓 プログラミングでゲーム？どうやんの？ 著者 それが僕も初めてなんですよ。まぁ勝てる気がしないですね。PvPな...
JavaScript
JavaScript
JavaScript究極的に分かりにくいbind()メソッドを出来るだけ初心者にもわかるように解説【JavaScript】
初心者がつまづくメソッドのひとつにbind()メソッドがあります。おそらく中級者以上でもなぁなぁになって正面から向き合わずに過ごしてしまっている方も多い気がします。フレームワークのReactでもbind()メソッドはよく使いますね。 ...
JavaScript【JavaScript】正規表現の使い方とサンプル一覧
JavaScript初心者がよくつまづく正規表現。中級者以上であっても何となくぼんやりとしか使えないコーダーやフロントエンドエンジニアが多いのではないでしょうか。 2022年現在でもJavaScriptの正規表現は昔から変わらず、一...
JavaScriptJavaScriptにおける「$（ドルマーク）」の意味と使い方
JavaScript内で使用される「$（ドルマーク、ダラー）」には4通りの利用シーンがあります。1つは、文字列で使用される場面、2つ目はjQuery関連、3つ目はテンプレートリテラル内での使用、そして4つ目は正規表現の中です。 それ...
JavaScript【2023年】フロントエンドエンジニアとは？必要なスキル・資格・年収について徹底解説！
悩見坂 楓 フロントエンドエンジニアって実際何やってるか、ふわっとしてない？ 著者 企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ！とは断定できない部分もありま...
JavaScript無料版がリリースされたヘッドレスCMS「Newt」をReactで触ってみた
Newtとは2022年3月8日に無料版がリリースされたヘッドレスCMS（Headless CMS）です。今回、たまたまTwitterでお見かけしたので、管理画面からReactの簡易実装テストまで行いました。 悩見坂 楓 純国産のヘッ...
JavaScriptクロージャーをJavaScriptで理解する・使い方
クロージャーとは、別名「関数閉包」と呼ばれ、内部スコープから外部スコープの変数を参照する関数です。クロージャーは、外側のスコープをその内側のスコープ内に保持します。基本的にクロージャーはFunctionオブジェクトになります。 悩見...
JavaScript【2023年】jQuery CDN早見表と使い方入門
この記事の内容は2022/03/05時点での情報です。リンク切れや使用不可のCDNがある場合は、お問い合わせフォームからご連絡ください。Twitterアカウントからでも受け付けています。 CDNとは Content Deliv...
JavaScriptJavaScriptにおけるObject（オブジェクト）型
一般的にJavaScriptのobject（オブジェクト）とは、Objectクラスのデータ型の1つに分類されます。 JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインス...
JavaScriptウクライナの国旗を自動生成するjQueryプラグインno-war.jsを作りました
悩見坂 楓 戦争反対！ 著者 反対！反対！jQueryのプラグインを作りました 戦争に断固反対しています。 ウクライナの国旗を生成するjQueryのプラグインを作りました。即興なので幅だけオプションしていできます。j...
JavaScriptJavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに...
JavaScriptSlick SliderのcenterPaddingオプションで%指定したい・基本的な使い方
jQueryのプラグインでスライダーに使われるSlickですが、centerPaddingというオプションがあります。 centerPaddingはcenterModeというメインのスライドを中央表示する機能を利用しているときに、真...
JavaScript【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました...
JavaScriptJavaScriptの文字列をスッキリ複数行で書く方法
JavaScript内に<HTML>タグの要素を結構複雑に書かなきゃいけない場面が多々あると思います。コードを見やすくスッキリさせて、可読性の良い、ケアレスミスの少ないプログラムを書いてみましょう。 ホントダメな例、やったらN...
JavaScriptNスタ（ニュース番組）風のYoutubeテロップをHTML+CSSで作ってみた
毎日Nスタ（TBS）を見ていて、リスペクトを込めてNスタ風Youtubeにしてみました。HTMLとCSSとYTPlayer.jsで作成しています。 テロップ部分は画像無しでCSSで調整しています。だいぶNスタ風になったので良かった。...