JavaScript
【2023年】フロントエンドエンジニアとは？必要なスキル・資格・年収について徹底解説！
JavaScript 【2023年】フロントエンドエンジニアとは？必要なスキル・資格・年収について徹底解説！
悩見坂 楓
フロントエンドエンジニアって実際何やってるか、ふわっとしてない？
著者
企業やプロジェクト単位でフロントエンドエンジニアの細かな定義が変わってきますからね。これがフロントエンドエンジニアだ！とは断定できない部分もありま...
JavaScript JavaScriptにおけるObject（オブジェクト）型
一般的にJavaScriptのobject（オブジェクト）とは、Objectクラスのデータ型の1つに分類されます。
JavaScriptのint型、String型、Array型などのほとんどのデータ型はこのObjectクラスのインス...
JavaScript JavaScriptにおけるforEach()とは？基本的なループの使い方と注意点
配列の内容を関数で処理する際に、プレーンなJavaScriptではforEach()を、jQueryではeach()を使いますね。プレーンなJavaScriptにはeach()というメソッドは存在せず、each()メソッドはjQueryに...
JavaScript 【インスタグラムAPI 2022, 2023】Instagram基本表示APIを使って投稿画像を取得して表示する・サイトに埋め込む・自動更新の設定方法【JavaScript】
お客さんのサイトで、先日から急にInstagram API（Facebook Graph API）で埋め込んだ画像エリアが表示されなくなってしまっていました。あれ、また仕様変わった？？と思い自分のアカウントを使って実装してみました...
業務効率化 Google Chromeデベロッパーツールのショートカットおススメ10選
※Chromeのデベロッパーモード上でのショートカットキーです。通常の閲覧時のショートカットは『ブラウジングを爆速化して業務に役立つGoogle Chromeのショートカットキーおすすめ9選【Windows＆mac】』をご覧ください。
...
業務効率化 Web制作でFlutterやReactのようなホットリロード（もどき？）を実現してコーディング効率を爆上がりさせる方法
Webのコーディングはファイルを編集して、ファイルをアップロードして、ブラウザを更新して初めて修正箇所が分かるのですが、これが非常にめんどくさい。
ファイルを編集&保存（F5押下不要）、でブラウザの表示が変わったら劇的に作業...
JavaScript CDN Vue.js 3系でVCalendarを動作させられないので諦めた話
const { createApp } = Vue
createApp({
data() {
...
Flutter 【Flutter】Dart言語におけるカスケード記法についてのまとめと解説。利用するとこんなメリットがあります
みなさんはDart言語をやっていて「..」といったように、ドットの連続がコード内に登場することはないでしょうか？JavaScriptばかりやっていたので少し目新しかったので、皆さんのお役に立てるかなと思い、この記事をまとめました。「..」...
JavaScript 【初心者向け】JavaScriptでモーダルウィンドウの作成方法と注意事項、サンプルコード
JavaScriptで書ける基本中の基本のギミックにモーダルウィンドウという効果があります。画像をクリックすると全画面で黒背景に大きな画像が表示され、視認性をよくするためのあれです。
HTMLコーダーにはモーダル、と聞くとアレルギー...
JavaScript 初心者も押さえておくべきWebセキュリティ vol.2 『クロスサイトリクエストフォージェリ（CSRF）』からの保護対策
クロスサイトリクエストフォージェリ（以下、CSRF）は、Webセキュリティの重要な脅威の一つです。攻撃者は、被害者のアカウントを悪用し、不正なリクエストを送信することで、ユーザーの意図しないアクションを実行させることができます。この記事で...
JavaScript 初心者も押さえておくべきWebセキュリティ vol.1 JavaScript『クロスサイトスクリプティング（XSS）』 効果的な対策方法と最適な方法
Webアプリケーションのセキュリティは、ユーザーのデータ保護と信頼性の確保にとって不可欠ですね。特に、クロスサイトスクリプティング（以下、XSS）攻撃は、JavaScriptを使用して悪意のあるコードを注入し、ユーザーのブラウザ上で実行す...
業務効率化 【インストール不要】サブディスプレイ・モニタにスクリーンセーバーエフェクトを動作させるブラウザアプリ【JavaScript ブラウザアプリ】
先日、使っているノートPCが小さいなぁと感じ、モバイルディスプレイをAmazonのタイムセールで買いました（なんとドイツ製っぽいんですが12,800円也）。
そろそろ使い慣れてきたのですが、ふとサブモニタにスクリーンセーバー欲しいな...
JavaScript 【インストール不要！】猫が喜んで遊ぶ（かもしれない）無料ブラウザアプリ「ぬあぴっぴ」（対応：PC, iPad, Androidタブレット）
我が家には猫が2匹かわいい子がいるのですが、PCに上がってきて邪魔ばかりしてきます笑。キーボードは踏むし、画面は見えないわで作業になりません。
そこで、発想を変えてもう遊んでもらっちゃえってことでJavaScriptで猫が好きそうな...
JavaScript 【入門】Vue.jsとは？初心者でも理解できるように現役エンジニアが徹底解説！【JavaScriptフレームワーク】
Reactに多少押されてはいるものの、まだ需要が高いVue.js。今回はVue.jsとはどんなフレームワークで実際どのようにコーディングしていくのかが分かるように概要から具体的な実践内容について解説していきます。
対象となるのはある...
業務効率化 【2023年 Ver.21.3】DreamweaverでEmmetを使って光速コーディング【設定・プラグイン不要】
VSCodeでEmmetが使えると紹介しました。『【神速効率コーディング】VSCodeのEmmet（デフォルト）～最低限おさえたい12のテクニック【HTML&CSS】』
同様にDreamweaverで出来ないかといろいろ探し...
JavaScript 【JavaScript】スマホの利き手でフローティングボックス（コンバージョンボタンなど）を左右利き手の側へ動的に移動する方法
コンバージョンしたい
@media screen and (min-width: 801px){
#floating-box {
display: none;
}
}
@media screen and (max-width: 80...
業務効率化 【神速効率コーディング】VSCodeのEmmet（デフォルト設定）～最低限おさえたいテクニック12選【HTML&CSS】
Visual Studio Code（VSCode）を使ってコーディングしている方は非常に多いのではないでしょうか。無料で多機能なVScodeですが、使い方に工夫をするとさらに効率的なコーディングが出来、時間を有効に使うことが可能です。
...
Flutter 【VSCodeで便利】StatelessWidgetをStatefullWidetに瞬時に変換＆過不足コード追記をするショートカットキー【Flutter】
たとえば何でもいいんですが、
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildCo...
SEO #ハッシュタグの順序を自動でランダムに並べ替えるハッシュタグ・ランダマイザをリリースしました
SNSで切っても切れないハッシュタグとのインプレッション、リーチの関係を考察した上で、ハッシュタグを毎回同じ形でコピペで済ませていたのですが、どうもロボット扱いされているフシがあるとかないとか。
そこで、今回は投稿用のハッシュタグを...
業務効率化 #BlockTheBlueの正当性や矛盾点を検証するためにChrome拡張機能「TwitterBlue Highlighter」を作りました
日本ではあまり受け入れられていない欧米の「#BlockTheBlue」運動について、私個人としても納得するような内容7割、うーんやりすぎかなが3割のような感覚になったので、実際にどれだけのTwitterBlueユーザーがいて、どのようなア...