前提 仕事で楽天FTPサーバに画像をアップロードする作業ができてしまって、毎回FTPソフト開くのが面倒だなと思い簡単なウェブアプリを作りました。 完成品 ファイルを選択し、アップロードボタンを押す…

星レビュー機能の実装をしてみました。 ルーティングのネストを理解していれば、そこまで複雑ではありません。 ただ、form_withによるデータの流れがわからなかったので苦戦しました。 fontaws…

準備 SDK をインポート、初期化 SDK（Software Development Kit）とは ソフトウェアを開発するためのあれこれが詰め込まれたキット（一式） SDKとは import { …

前提 Firebase JavaScript SDK version9を使用 chrome（バージョン: 101.0.4951.54） 準備 SDK をインポート、初期化 SDK（Software…

この記事は学習した内容をアウトプットし、更に理解を深めるための記録用投稿になります。 投稿している内容と同じ箇所で躓いている方に少しでもお力添えできれば幸いです。 非同期通信の実装をするに至った経緯…

概要 wscript.exe / cscript.exe に //X オプションを与えてスクリプトを実行すると、Active Scripting APIに対応したデバッガーでスクリプトのデバッグを…

概要 JavaScriptで任意の数のシンプルなオブジェクトを生成します。 テスト等で単純に要素数が必要な場合を想定していて、例えば下記のようなオブジェクトが欲しいケースです。 { "key_1"…

はじめに JavaScrip や TypeScript を触っていると避けて通れないのは「非同期処理」です。 よくネット上で見るものは、非同期処理を同期処理のように順番に実行する方法を記載してくれ…

初めまして。 都内でエンジニアをしているみっちーです? 今回は住所の自動入力にYubinbangoを使用して行き詰まってしまったので、そのことについてまとめていきます。 内容 「郵便番号を入力したら…

この記事について Webエンジニアになって早１年半。railsのデバッグをする時にはエディターのデバッガーでスマートにできていたが、javascriptになるといつもconsole.log();ば…

対象者 * 関数や変数を習ったけど、 **グローバル変数**や **スコープ**といったキーワードがなかなか理解できない * 関数が入れ子になったとき、変数/関数の **宣言場所**や **引数**…

巷にはX-CSRF-Tokenを手動で取得して送信するサンプルコードが溢れていますが、 一応公式で楽する方法が用意されています。 Rails6以前 rails-ujsに含まれるRails.ajaxメ…

はじめに XR面白いですよね。 とはいえ、HololensやXRを一般業務に提案するのもなかなか難しそう。 なので、Webブラウザでそれっぽい表示が出来たら業務アプリにしれっとねじ込めていいんじゃ…

睡眠時間自動記録（gas,Alexa,IFFFT） 自分の睡眠時間を記録する方法を、考えました。 　あくまで僕の生活習慣に合わせたので、時間の設定などは各自でお願いします やりたいこと アレクサ、…

const body = { 'app': kintone.app.getId(), 'totalCount':'true' }; kintone.api(kintone.api.url('/k/…

エラー 試しにこのようなコードをTypeScriptで書いてみる。 const canvas = document.getElementById("hogeCanvas"); const ctx …

複数の条件式がある場合のすっきりした書き方です。 例えば、以下の様な複数の条件式に当てはまる場合に処理をしたい場合、 || で繋げて条件を自分はベタ書いてしまいがちです。 if ( key === …

ある日 依頼者：「コンバージョン率向上の施策として、離脱防止用のJavaScriptを書いて」 わたし：「ほーん。とりあえず調べるは」 わたし：『JavaScript 離脱防止』で検索っと・・・カ…

概要 前々からブックマークレットの自作には興味があったので、今回は重い腰を上げて簡単なプログラムを書いてみました。（都内SE1年目） 使用方法 1.ブラウザーでブックマークを追加し、URL 欄に下…

以下の記事を参照して頂ければと思います https://note.com/shift_tech/n/n7643a684e947 ※Qiitaの記事は全て個人的な記載であり、所属する組織団体とは無関…

はじめに ローカルではAWS CLIのconfig設定（設定の基本を参照）をしていたので問題にならなかったが、CIでテスト実行しようとした時に、SDKのクライアントのコンストラクタでクレデンシャル…