20221204のJavaScriptに関する記事は24件です。

JavaScript の関数宣言と関数式って何が違うの?

JavaScript の関数には「関数宣言」「関数式」という2つの作り方があります。 ただ見た目が違うだけに見えるのですが、実は仕様の違いもあるのでまとめてみます。 ~~ 2022年に学び残したこと…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

エンジニアがLINEとGASで結婚式の参加者体験を向上させようとした話

一応エンジニアの端くれでありますので、せっかくなら自分が軽くできる範囲内で参加者体験を向上させられればと思いやってみました。 やったこと LINEの公式アカウントを新規作成し、その中で以下のことを実…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

座りすぎ検知君

作品概要 Raspberryに接続した超音波センサからディスプレイから物体への距離を30秒毎に計測する。 計測した距離情報をスプレッドシートに追記する。 スプレッドシートに距離情報を追記したタイミン…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JScriptからPowerShellのオブジェクトに触れる

できるかも...... と思って試したらできてしまいました。今まで諦めていたあんなことやこんなことが可能になる予感でドキドキしています。 前提 WSHでは、Shell.ApplicationというC…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

QwikでTODOアプリを作ってみる(3)

https://qiita.com/ta1m1kam/items/c40fc10393e715de316e の続きです。 タスクの完了 タスクのチェックボックスのイベントに応じて親のtaskStor…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Web Componentsを学ぶ】Custom Elements編

はじめに この記事ではWeb Componentsを利用する準備のためにCustom Elementsを紹介する記事です。Web Componentsとは他のコードから独立して利用できる再利用可能な…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

複数のURLのHTTPステータスコードを取得し結果を書き込む【テスト自動化】

google app scriptを使ってテスト自動化ツールを作りました。 機能としてはシンプルで、対象のURLを同じ列の別セルに入力し、実行ボタン押下で結果として「対象ページのHTTPステータスコ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【Go言語を学習して感じたこと ~他の開発言語と比較してみた~】

こんにちは。 新卒入社3年目文系出身のエンジニアです。 次の案件がGo言語を使用するとのことなので、 今ProgateやA Tour of Goを用いて学習しているのですが、 他の開発言語と異なる点…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ReactでToDoアプリ作成

制作物 https://gyazo.com/b1e0a24168d5c7c315d11dd332d8254b index.jsの記述 index.htmlのid="root"に対してレンダリングして…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【JavaScript】JavaScript、はじめました。②変数と定数

※この記事は、プログラミング学習サイト「Progate」の学習内容に関するものです。 こんにちは、急に寒くなってきましたね。 ただ、電気代が上がりっぱなしなので、あまりエアコンを使いたいとは思えず・…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Chrome拡張開発の注意点(主にManifest V3関連)Tips

setTimeout(), setInterval()は使えない Chrome拡張 Manifest v3ではsetTimeout(), setInterval()は使えず、時間指定する場合はAla…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

それっぽい日付入力フォームを作る

HTMLの日付入力フォームを素早く合理的に作成するためのメモです。 <!DOCTYPE html> <html> <head> <style> input[type="date"]::-webkit…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Ruby・Node.js・Goのライブラリバージョン管理比較

対応表 ライブラリバージョン管理ファイル Ruby Gemfile source 'https://rubygems.org' gem 'nokogiri' Gemfile.lock GEM rem…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

svelte/storeについてのまとめ - 前半

はじめに svelte/storeについてのまとめを作りたかった 今回はwritable Auto-subscribe readableについて writable 書き込み可能な状態を表す。 sub…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JavaScriptでURLセーフな文字列を生成する

はじめに LIGTHzアドベントカレンダー 2022の4日目の記事です。 この記事では、ランダムな文字列のURLを作成する方法を紹介します。 サンプルコード 以下のHTMLファイルをブラウザで開くこ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

221204_作業療法士がWebエンジニアを目指して学習中。

教材 https://www.youtube.com/watch?v=pnsieVYy72M&t=400s JavaScriptの基礎 JavaScriptがなくてもHTML,CSSのみでwebを閲…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Riot.jsでStripe.jsのPayment Elementなどの決済フォームを表示させる方法

この記事は、Riot.js Advent Calendar 2022 4日目の記事です。 Riot.jsはシンプルなUIライブラリの1つで、バンドルの軽量さやカスタム要素などの機能を提供しています。 2022/11月時点で、Riot.jsでStripe.jsを利用するためのライブラリは公開されていない様子でした…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

ちょっと便利なretoolの使い方

GxPの上野です。 この記事はグロースエクスパートナーズ アドベントカレンダーの4日目の記事となります。 現在案件で使用しているretoolについてご紹介したいと思います。 概要はnyasbaさんの…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

Jenkins:jenkinsおじさんの気配を消して、可愛くし、モチベをあげる話。

はじめに ココネ株式会社に入ってからjenkinsを触らされている楽しく触っている、でぃーだらぼっちです。 最近jenkinsおじさん化してます。 前職ではjenkinsはもっぱら叩く側で、管理側は…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

タブUIの非機能要件を満たしたい時に見る記事

はじめに 複数のコンテンツを並列にグループ化し各コンテンツに紐づいたタブ要素をアクティブにすることでコンテンツを切り替えるUI、タブUI。 モーダルやカルーセルなどのUIと比べると実装難易度は低めの…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

JSON整形・圧縮ツールを作ってみた

背景 JSONテキストを扱うときに自分用のツールが欲しかったので作ってみた。 VSCodeでは、ショートカットキーや右クリックで圧縮ができても、整形は提供されていなくて(もしあったら知りたい)正規表…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

【完走賞ゲット-4】続・OpenAI の ChatGPT のネタ:JavaScript の特定の技術仕様を教えてもらう

はじめに こちらは、完走賞ゲットのため小ネタを毎日投稿しようとチャレンジする Advent Calendar 2022 の 4日目の記事です。 (4日目は、この記事と別に Adventar のカレン…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

爆速サイトを構築する、静的サイトビルダー「Astro」の紹介

はじめに 先日こちらのイベントに出させてもらった際、Astroを知ることになり、使ってみたいなーと思っていたところ会社の新サービスLPで利用できる機会がありました。 https://incremen…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む

javascript プロゲート つまづいた所

変数の上書き letをつけない 定数と変数の違い 定数は値を更新することはできません。 const if文の注意点 最後に;は不要 インデントをつけて見やすくする。 swich分の注意点 最後にセミ…
  • このエントリーをはてなブックマークに追加
  • Qiitaで続きを読む