経緯 フルスタックエンジニアですが、ベースはバックエンドとインフラが主戦場での自分なので、フロントエンドもやれないとフルスタックとは名乗れないので、フロントエンドも勉強してみることにしました。 フロ…
前置き •大学院修士一年(情報科学専攻、学部は機械工学) •2022年11月より大阪のWebベンチャーでフロントエンドの開発することになった。（長期インターン、週2、おそらく卒業まで？） •この記事…
仕様の検討 作成するBotの仕様を考えます。 サッカー関係で多数RTされているツイートを自動でRTしたいので、以下のようになりました。 事前準備 事前にサッカー関係のアカウントをBotのアカウントで…
はじめに Node.jsとExpressを使ってツイッターのbotを作ってみたので作成手順をメモしておきます。 仕様等は以下の通りです。 Botの仕様 サッカーネタの100RT以上のツイートを自動で…
はじめに みなさんこんにちは。okmtyutaと申します。現在大学3年生の自称エンジニアです。 Qiitaアドベントカレンダー企画として、Meta謹製のエディタライブラリLexicalでリッチなエデ…
初学者の方にも読みやすいようにかなり抽象的な内容となってます。 以降の記事から徐々に具体的な内容に踏み込んでいきます！！ 動的な機能を実装できるライブラリです 「動的」というのは画面がホイホイ切り…
$ is not a functionが出てくる場合 chromeやfirefoxでスクレイピングのために「検証ツール」(ディベロッパーツール)を開いた時。 「これを取得するためにはどうやってコード…
この記事は Web グラフィックス Advent Calendar 2022 の1日目の記事です。 ご挨拶 Webグラフィックス アドベントカレンダーの季節がやってきました！ だんだん参加者数が寂し…
経緯 onclick, onsubmitの違いとHTML属性(論理属性)の判定順を正確に理解しておらず、 共通した実装に至るまで遠回りして沼ったのでメモ書き HTMLソースコードの一例 <form …
chromeの拡張機能の作り方の情報がまとまってなかったので12月は拡張機能を作ってみる期間にします。ついでにチュートリアルも作ります。 相対時間を取得するパスを作ります。 ライブ中のから相対時間を…
javascriptで作ったゲームなどで効果音を鳴らす方法。 JavaScriptでAudioインスタンスを作成する。 「beep.mp3」の名前は任意。サーバーに音楽ファイルをアップロードしておく。…
qwikとは？ builder.ioが作っているフロントエンドフレームワーク https://github.com/BuilderIO/qwik#the-html-first-framework T…
個人製作中のブラウザアプリで、キー入力を受け付けたいという場面がありました。このキー入力ですが、Ctrl(Command)と同時押しのものも含まれます。 しかし、ブラウザで動かす以上、ブラウザのキー…
はじめに 今回はeslint-plugin-compatを使ってブラウザのバージョンテストを導入しました。 githubに手順が載っているので、それ通りやってもらえればできます。 https://g…
Sharperlight Query Builder has a capable to query against API Endpoint in some cases. I will show a…
きっかけ 会社メンバーから、「ブラウザ上にデータをcookieやlocalStorageなどに保存したいんですが、そのまま（平文）として保存するのは流石に…なので何か簡易的に暗号化する方法って思いつ…
なぜコンポーネント化しようと思ったのか 同じデザインのボタンがサイト上にたくさん出てくるのにもかかわらず、 それぞれのボタンに長いcssを割り当てていた。 (tailwindのあるある？) <but…
配列を総当りの配列に変換する機会があったので、備忘録として残します。 やりたいこと 例えば以下のようなイメージです。 元の配列から全てのパターンの配列を作ります。 // 元の配列 const ori…
今日は、日々の体重や健康状態などを記録するアプリを作ってみましょう。 ※私からのクリスマスプレゼントです・・・。受け取ってください・・・。 作るアプリ 健康目標アプリと日々の健康記録アプリの2つ作り…
はじめに 私はしばらく前からReactが気になっていて、この間ついに手を出しました。 まずは簡単なWebアプリを作ってみようと思い、コードを書いて動作確認していたのですが、嵌った点があるので書いてい…
前提 プログラミング歴一週間 文系三回生 ProgateのWebアプリコースを一周済み 動機 冬からIT業界、SEになりたいと思うようになってProgeteで勉強はじめたものの、コースクリア後に何し…
PDF.js のデバッグ ONLINE CONF で利用している pdf.js ですが、我々は幾度となく様々なバグに遭遇してきました。 特定のフォントだけレンダリングされない 文字化け canvas…
JavaScript(TypeScript)でのオブジェクトのプロパティへのアクセスは以下のようにすることができます。 const o = {key: 'value'}; console.log(o…
JavaScriptで非同期処理の勉強をしています。 コールバック関数で非同期処理を行ったときのテストプログラムです。 <!DOCTYPE html> <!-- 非同期処理のテスト --> <!--…
この記事は「【マイスター・ギルド】本物のAdvent Calendar 2022」1日目の記事です。 ブラウザで動き、マウスクリックで遊ぶゲームを作ってみましょう。 15Game という、古典的なゲ…
JavaScriptのコードを書く際、ESLintによって静的解析をするのはデファクトスタンダードであると言ってもいいでしょう。 eslint-config-standardやeslint-conf…
本記事は一人アドベントカレンダー企画の一つです。 30代未経験エンジニアが25日後にJavaScriptをマスターするカレンダー JAVASCRIPT.INFOを元にJavaScriptを勉強してい…
この記事の概要 JSXを書いていてこんな感じの文字列の展開、していませんか？ export const Text = () => { const text = "foo"; return <p>{t…
アイレット株式会社 22新卒 Advent Calendar 2022 1日目の投稿です！ 社外へアウトプットする習慣を作ることを目的として、このアドベントカレンダーを企画しました 同期25人で最後…
身の回りの困りごと それはQiitaでタグ検索できないことだッ！ Qiitaタグ検索くん ■URL：https://matt-note.github.io/qiita-tag-kensaku/ ■G…
