ハッシュタグ記事一覧

仁王立ちの幻影

そのころ、某信託投信で働いていました。 一人で、はじめて動的なチャートを作成しました。ネットで元になりそうなチャートを探すのですがなかなかこれというのがないので、結局ほとんどjavascriptで作成することにしました。 投信のシステム部の方が厳しい人で、スケジュールを1m...

2022/04/26 18:35

JavaScriptの比較と論理演算

比較 論理演算 JavaScript 比較 && や は比較演算子で、ture or false を返す 論理演算 一方、& や は、論理演算で、ビット単位の演算結果を返す JavaScript JavaScript の場合、型がないため var val1 = ture && ture; var val2 = true & ture; で、各型を見てみると typeof(val1) : "boolean" typeof(val2) : "number" 当たり前といえば、当たり前だが、たまに、忘れてしまう

2022/04/20 09:47

【GAS】Google Apps Scriptでマネーフォワードクラウドの請求書を毎月自動発行【①API準備篇】

2022/04/18 17:48

【GAS】Google Apps Scriptでマネーフォワードクラウドの請求書を毎月自動発行【②認証篇】

2022/04/18 17:45

【JavaScript】ENUMの仕組みを用意する

JavaScriptでは[enum]という単語は予約語だけれど、一般的な[enum]、つまりは列挙型の仕組みは用意されていない。 ja.wikipedia.org [JavaScript enum]でGoogle検索をかけると、連想配列を使って擬似的に実現する方法が出てくるけれども、個人的には[定義時の見難さ]と[定義された値を後から書き換えることができてしまう]のが良くないと感じていた。 なので、この機会にその2点をカバーできるように仕組みを整えた。 コード: ENUM.js class ENUM { structure = this.define(); define () { return…

2022/04/13 12:47

【JavaScript】指定した文字数のランダムな英数字文字列を生成する

備忘録がてら。 以下のプログラムは200文字のランダムな英数字文字列を生成する。 例: test.js let length = 200; // わかりやすく代入しているが、直指定すればワンライナーで書ける。 let str = Array.from({"length": length}, (v, k) => k) .map(e => Math.random()) .map(e => e.toString(32)) .map(e => e.substring(2)) .map(e => e[0]) .join(''); console.log(str); // 5vs1p7cs56obf6h6…

2022/04/13 12:46

【JavaScript】[JSON.stringify()]にInfinityを与えるとnullになる

自分の備忘録がてら。 [JSON.stringify()]はObjectからJSON文字列を生成する関数だが、結果で一部正確に反映されないものが存在する。 そのうちの一つがInfinityで∞(無限)という意味だ。 JSON文字列上、∞は表現できないためにnullになってしまう。 (尚、InfinityにはNumber.POSITIVE_INFINITYとNumber.NEGATIVE_INFINITYが存在し、単にInfinityとした場合はNumber.POSITIVE_INFINITYと同義になる) plugout.hateblo.jp 例: コンソールで実行1 > JSON.strin…

2022/04/13 12:46

【JavaScript】Infinityへの加算及び減算の挙動について

何遍Infinityについて書いているんだと言われたら、何も言えないのだけれど（白目） plugout.hateblo.jp plugout.hateblo.jp ゼロ除算自体が一般的にアンチパターンなので、意外と知らない事も多いなと。 今回はInfinityを使って加算及び減算した場合について備忘録がてら記録しておく。 今更ながらInfinityとは∞(無限)という意味で、JavaScriptではあえて指定しない限りは一般的にゼロ除算を行うと得られる値だ。 正の∞と負の∞が存在しており、それぞれ[Number.POSITIVE_INFINITY]と[Number.NEGATIVE_INFIN…

2022/04/13 12:46

【JavaScript】HTMLCollectionsでArray.prototype.forEach()などを使用する

備忘録がてら。 ブラウザ上で[document.getElementsByClassName()]等を実行した場合に返却される[HTMLCollections]はArrayのような動きをするが、最低限の機能しか備わっていない。 もし[Array.prototype.forEach()]等を実行したいのであれば、[Array.prototype.forEach.call()]を利用すると実行可能。 ※ Indexed Collectionという規格に沿っていれば利用できるみたい 例:demo1.js Array.prototype.forEach.call(document.getElement…

2022/04/13 12:45

【JavaScript】データ型の落とし穴

結構ハマっている人がいるので、整理がてらメモ。 JavaScriptでは変数は型を持たないが、値がデータ型を持つ。 例えば以下のプログラムでは、数値(number)が文字列(string)としてキャストされて文字列結合が行われる。 例1: demo1.js let hoge = 128; // number let fuga = 'abc'; // string let result = hoge + fuga; // string console.log(result); // 文字列として [128abc] が出力される 適当に扱っていてもよしなに扱われることが多いが、理解していないと思わ…

2022/04/13 12:45

【JavaScript】関数とは？

【初心者必見】JavaScriptの関数を初心者にわかり易く説明します。というより私が初心者なので難しいことが言えません(泣)

2022/04/13 00:38

【jQuery】親要素の3つの取得方法まとめ

jQueryで親要素を取得する3つの方法、parent()・parents()・closest()ついて解説していきます。それぞれのメソッドの違いについてもまとめているので、この記事を見ればどれを使えばよいのかもう迷いません。

2022/04/10 19:12

【jQuery】要素の11種類の追加方法まとめ

jQueryで要素を追加する11つの方法、append()・appendTo()・prepend()・prependTo()・after()・insertAfter()・before()・insertBefore()・wrap()・wrapAll()・wrapInner()について解説していきます。それぞれのメソッドの違いについてもまとめているので、この記事を見ればどれを使えばよいのかもう迷いません。

2022/04/10 19:12

【jQuery】クラス追加・削除・変更・確認・トグルについて

jQueryでクラスを操作する4つのメソッド、addClass()・removeClass()・hasClass()・toggleClas()について解説していきます。これらのメソッドを使えばCSSの切り替えができるようになります。

2022/04/10 19:12

【jQuery】属性の取得・設定・削除方法まとめ

jQueryで属性を操作する5つの方法、attr(name)・attr(key, value)・attr(properties)・attr(key, fn)・removeAttr(name)について解説していきます。これらのメソッドを使って属性操作をマスターしましょう。

2022/04/10 19:11

JavaScriptでRPGを作ろう！4つのおすすめライブラリとマップツールを紹介

「JavaScriptでRPGを作ろう！」の第一弾！本記事では4つのおすすめライブラリとマップツールのTiled Map Editorの入出先についてまとめました。この記事を見てオリジナルのRPG作りのための環境を整えましょう！

2022/04/10 16:54

JavaScriptでRPGを作ろう！自作したマップをブラウザに表示しよう！

「JavaScriptでRPGを作ろう！」の第三弾！少ないコードでここまで動く。自作したマップをHTMLで読み込む所から、p5.js、p5.tiledmapライブラリを利用してブラウザに表示するまでを解説。

2022/04/10 16:53

JavaScriptでRPGを作ろう！主人公のアニメーションとマップスクロールを解説

「JavaScriptでRPGを作ろう！」の第四弾！主人公が上下左右にアニメーションしながらマップをスクロールするところまでを解説。ここまでJavaScriptのステップ数129行です。たったこれだけで動くんです！

2022/04/10 16:52

JavaScriptでRPGを作ろう！自由に歩き回るNPCも登場

「JavaScriptでRPGを作ろう！」の第五弾！自由に歩き回るNPCが登場するところまでを解説。村の雰囲気に生活感が漂ってきます。

2022/04/10 16:52

JavaScriptでRPGを作ろう！壁やキャラクタへの衝突判定

「JavaScriptでRPGを作ろう！」の第六弾！壁にぶつかるキャラクタにぶつかる！衝突の実装について解説します。

2022/04/10 16:52

Chrome拡張機能でリーディングリスト

chrome拡張機能 Javascript manifestV3

2022/04/07 22:59

Nuxt.jsのアップデートでエラーが起こりアップデートできない問題

npm コマンドを使って nuxt.js 一式をマイナーアップデートするためにモジュール一式を再インストールするがエラーがでてしまう。暫定対応で追加しているモジュールのバージョンを下げた

2022/04/04 20:57

【JavaScript】ブロック崩しゲーム

初心者がJavaScriptでブロック崩しゲームを作ってみた！

2022/03/29 13:43

vuex-persistedstateの代替え修正をおこなった話

vuexとローカルストレージの情報を同期させるのが目的であるが、完全に同期をとるというのはハードルが高いような気がした。もしローカルストレージの値を修正した場合、ローカルストレージの値をvuexに反映させるところまでやろうとするとどうすればいいのか。

2022/03/25 13:42

【JavaScript】○✖ゲーム

超初心者がJavaScriptで○✖ゲームを作ってみた

2022/03/17 19:45

CSSとJavaScriptの知識がなくても簡単にコードを最適化してブログサイトの表示速度を上げる方法

PageSpeed Insightsでブログサイトの表示速度を改善したいけど、どの様にCSSとJavaScriptなどのコードを最適化すれば良いのかわからず悩んでいないでしょうか？ この記事では、僕の

2022/03/17 17:37

JavaScriptで遊ぶ【1】

COMOLYのプログラミング学習会に出席したことをきっかけに、 JavaScriptで遊んでみます。 やっぱりブラウザで動くところが便利で楽しいですよね。 今後時間があれば、いろんなアプリ制作にチャレンジしていきたいと思います。

2022/03/16 07:25

JavaScriptで遊ぶ【2】

今日はJavaScriptで、簡易版のライフナンバー占いを作ります。 参考文献は「ナンバーとオーラの本（荒川靜：著）」です。 この占いは、私が参考にしている数少ない占いの一つです。 これぞ、というものだけ参考にしています。

2022/03/16 07:25

JavaScriptで遊ぶ【3】

さて、今日はJavaScriptで「じゃんけんゲーム」を作ります。 これは、COMOLYのプログラミング学習会でやったのをベースにしています。 せっかくなので作ってみようと思います。 たぶん、ランダム（乱数）の作り方と、onclick属性がポイントなのかなと思います。

2022/03/16 07:24

JavaScriptで遊ぶ【4】

まだまだ2022年は始まったばかりです。 今日は皆さんに、クイズを用意しました。 名付けて、お正月クイズです。 すっごく難しいですよ！ 5問あります。 果たして何問正解できますかね？ 全問正解できたら天才かもしれませんね。

2022/03/16 07:24

JavaScriptで遊ぶ【5】

今回は、MDNの「そのままのJavaScriptを使ったブロックくずしゲーム」の レッスンを参考にさせていただき制作しました。 まだまだ、使いこなすには練習が必要です。 でも、JavaScriptも奥が深くて面白いですね！

2022/03/16 07:24

JavaScriptで遊ぶ【6】

今日もJavaScriptの勉強のため、 ドットインストールさんの無料レッスン 「JavaScriptでおみくじを作ろう」を参考にさせていただき、 おみくじを作っていきます。 非公式です。 そのままではなく、コードに変更を加えています。

2022/03/16 07:24

JavaScriptで遊ぶ【7】

今日はJavaScriptで、ドラクエ風ゲームを作ります。 これも以前、Rubyの練習で作ったものを変換していきます。 しかし、やってみると思ったより大変でした。 まだまだ、JavaScriptの勉強が足りていないのだと思います。

2022/03/16 07:24

JavaScriptで遊ぶ【8】

今日は、JavaScriptで「スポーツ別の目標体重計算アプリ」を作ります。 とはいえ、あくまでJavaScriptの練習用に作っているものです。 計算結果には一切責任を負いかねます。あらかじめご了承ください。

2022/03/16 07:24

【JavaScript】変数

プログラミングのとても重要な変数をまとめました。

2022/03/15 07:35

【JavaScript】超初心者が信号機作ってみた

プログラミング未経験で超初心者が信号機をプログラミングで作ってみました。

2022/03/15 07:33

上限を気にせず全てのアプリ情報を取得する【Kintone】

2021年12月時点で、1度に取得できるアプリ数の上限は100件となっています。なかなかアプリ数が100件を超えることはないかもしれませんが、少しずつアプリが増えていき、10…

2022/03/11 17:08

IE廃止時代のKintoneカスタマイズ

今までChromeがIEのシェアを超えても、EdgeのレンダリングエンジンがChroniumになっても、 日本においてIEユーザーは根強く一定割合残り続けていました。そのIE…

2022/03/11 17:08

kintone.events.onを書かないkintoneカスタマイズ

kintoneカスタマイズを行う際、必ずと言っていいほど記述するコードは何でしょうか？kintoneが独自に用意する関数やプロパティはいろいろありますが、は誰しもが頻繁に使用されていると思います。…

2022/03/11 16:47

kintone.appとkintone.mobile.app、使い分ける必要ある？

kintone.appとkintone.mobile.appの使い分け、面倒じゃありませんか？PC版とモバイル版を意識せずリソースを共有するために、デバイスを自動的に判定して使い分ける必要をなくす方法を紹介します。

2022/03/11 16:47

いろんな場面で利用出来るモバイル判定 - kintone

PC版とモバイル版、1つのアプリでできれば同じJavaScriptファイルを使いたいですよね。kintoneについてはURLも発生イベントもデバイスによって異なりますし、全く同じコードを使用することはできません。リソースを共有するために不可欠な、モバイル判定の方法を紹介します。

2022/03/11 16:47

Contentfulから取得した記事中の画像を、WebPに変換する

Contentfulからマークダウン形式で記事情報を取得した際、埋め込まれている画像情報は最適化されていません。埋め込みの画像まで最適化し、対応ブラウザでWebPに変換して表示する方法を紹介します。

2022/03/11 16:47

Kintone JavaScriptカスタマイズにおける例外/エラー処理について

JavaScriptはその柔軟性から、エラーにならない工夫が容易です。必要となって変数を定義したんであれば、うまく取得できない場合はエラーを出力するべきです。今回はKintoneのJavascriptカスタマイズにおけるエラー処理についてお話します。

2022/03/11 16:43

Object.entries()で厳格に型定義された結果を受け取りたい【typescript】

typescriptの標準設定では、Object.entries()の型は以下のように定義されています。つまり、Record<string, number string>のような型が存在する場合、返り値の型は[string, number string…

2022/03/11 16:42

SSGでサイト更新時に、サイトマップを自動的にGoogleに送信する

ウェブサイトには定期的にGoogleのクローラーが巡回しに来ますが、その時にサイトマップの変更を確認することはないそうです。クロール頻度の設定とは別に、サイトマップの更新をGoogleに伝える必要があります。今回はSSGのビルドと同時に、サイトマップを送信する方法を紹介します。

2022/03/11 16:41

表示するフィールドを制御するタブを実装するプラグインを開発しました【無料公開】

アプリのフィールド数が増えてくると、目的のフィールドがどこにあるのか見つけるのが難しくなります。今回はスクロールに追従し、フィールドの表示・非表示を制御するタブを実装するプラグインを開発しましたのでご紹介します。

2022/03/11 14:10

Next.jsとGASをつなぐ

FirebaseのSparkプランを使い倒すために、Realtime-Databaseのデータをスプレッドシートにキャッシュして、Next.jsからアクセスするという処理を別のウェブサイト作成時に実装しました。需要があるか分かりませんが、その中で使用したGAS・Next.js…

2022/03/11 14:09

【サイト高速化手順】 使用していない JavaScript の削減を改善

\ 当ブログ使用テーマ /

2022/03/10 10:33

食わず嫌いのあなたに贈る「プログラミング入門書」10冊

プログラミングに苦手意識がある人や初心者でも読みやすい入門書10冊をまとめました。児童書、新書、ExcelVBA、HTML、CSS、JavaScript、アルゴリズムパズルなど。

2022/03/09 17:07

【 初心者 】htmlとJavaScriptの世界観

【初心者】htmlとJavaScriptの世界は違う？初心者が気づいた世界観。

2022/03/09 05:31