f@ctor

JavaScript関連のことを調べてみた2020年05月06日

JavaScript関連のことを調べてみた2020年05月06日
目次

AWS AmplifyのチュートリアルでJavascript(React)の環境を構築する（その２）

いつも忘れないように、コンセプトから。

###コンセプト
・お金かけてまでやりたくないのでほぼ無料でAWSを勉強する
　→ちょっとしたサービスを起動すると結構高額になりやすい。
・高いレベルのセキュリティ確保を目指す
　→アカウントを不正に使われるととんでもない額を請求されるので防ぐ

今日は[昨日行った「AWS AmplifyのチュートリアルでJavascript(React)の環境を構築する」](https://qiita.com/auf/items/98d9ff7a787fffa0fb16)の続きです。昨日は作ったままで終わりにしてしまったので、少し考察していきます。

###構築した環境をマネジメントコンソールから確認（Amplify編）
コマンドをクライアントから投入してできてしまったので、結局何が作られたのかよくわかっていません。作られたその都度確認すべきなんでしょうけど、リズムってもんがありますからね。

まずはマネコンにログインしてAmplifyの画面にいきます。作成したreact用のものがありますのでクリックします。
![1.png](https://qiita

元記事を表示

【JavaScript】文字列を調べる/操作するメソッド

#【JavaScript】文字列を調べる/操作するメソッド

##length
要素の数、文字数を数える。
用途：文字列の数、循環処理など

const arr =”12345″
console.log(arr.length);//5

const arr =”abcdef”
console.log(arr.length);//6

##substring
指定範囲の桁の文字を取得する。
用途：範囲指定の判定など

substring(開始位置,終了位置)

const arr =”20191231″
console.log(arr.substring(0,4));//2019
console.log(arr.substring(4,6));//12
console.log(arr.substring(6,8));//31

##join
配列、オブジェクトの値を1つに結合する。
用途：接頭辞、接尾辞の結合、要素から年月日表記への変換など

結合対象の配列.join.(区切りたい文字)

const arr =[

元記事を表示

【JavaScript】Dateオブジェクトの時刻を操作

#【JavaScript】Dateオブジェクトの時刻を操作

以下の記事ではDate()を使い、現在時刻を取得する方法を記載しました。

【JavaScript】Dateオブジェクトで現在時刻を取得
https://qiita.com/kuro_96/items/d7aa9c97f941d02e8366

本記事では発展させ、取得した時刻を操作する方法について書きます。

##setFullYear
Dateで取得した定数、変数に対して.setFullYear(変更後の西暦年)とすることで西暦年を書き換える。

const d = new Date();
console.log(d);　//Mon May 06 2020 09:54:38 GMT+0900 (日本標準時)

d.setFullYear(2019);
console.log(d);　//Mon May 06 2019 09:54:38 GMT+0900 (日本標準時)//2019年に変更

##setMonth
.setMonth(変更後の月-1)

d.setMonth(0);/

元記事を表示

【JavaScript】Dateオブジェクトで現在時刻を取得

#【JavaScript】Dateオブジェクトで現在時刻を取得

Date()で現在時刻を取得する方法、注意点を整理。

##Date
const d = new Date();
console.log(d);

曜日 月 日 西暦年 時:分:秒 を取得。
以下はconsole.log(d)の結果。

Wed May 06 2020 08:11:15 GMT+0900 (日本標準時)

定数の名前をdayやdateではなくdとしているのは、以降day,dateは別で使う可能性があるため。

##.getFullYear
const d = new Date();
console.log(d.getFullYear());//2020

Date()の値に対して、西暦年を取得。

##.getMonth
const d = new Date();
console.log(d.getMonth());//4

Date()の値に対して、月を取得(0-11)。
1月(January)は0,2月は1,3月は2…となることに注意。
実際

元記事を表示

スナック「jQuery」

　……あら、いらっしゃい。
　若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。
　何飲む？　……水割り？　わかったわ。
　じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。

## What is jQuery?

　この店――『[jQuery](https://jquery.com/)』がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？　……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。

　その頃、シェア率トップだったブラウザって、もちろんInternet Explorerだったんだけど。当時はバージョン7が登場したばかりで、あの悪名高きIE6もまだまだ主流だったの。
　他のブラウザは、[Safari](https://www.apple.com/jp/safari/)がバージョン3がMacとWindowsに公開されていた頃で、[Firefox](https://www.mozilla.org/ja/firefox/)

元記事を表示

アクターに新規メンバーを追加しつつ、セーブデータを正しく読めるようにする

プラグインを追加すると「新規セーブデータでは動作するが、既存のセーブデータでは落ちる」という問題が発生することがあります。
原因ですが、アクターがnewで生成された時のみメンバ変数が追加され、既存セーブデータの読み込み時に追加処理を忘れると発生します。
実行中に該当変数が存在しない状態(undefined)になり、参照しようとしたところで落ちます。
いわゆる「ぬるぽ」です。

もし追加する変数が2個以上であれば、それらの変数をすべて含んだ新規のクラスを作成して、それをメンバに持たせることで対応しましょう。
if(!this._新規変数){this._新規変数=…}という処理を大量に作るのは手間ですが、自分のクラスに持たせれば手間は1回で済みます。
また、メンテナンス性も大幅に向上します。

以下は、セーブデータの新規作成時のデータ作成・読み込み時にデータがない場合の追加作成を行うスクリプトです。
「ActorNewMember」という記述が2連続になっている場所があって気持ち悪いですが、これはコードスニペットを使ったためです（後述）。

window[ ActorNewMember

元記事を表示

Puppteerでキャプチャ画像を取得 part2

## 概要
エンジニアもどき2年目に入りました。色々あって以下を行うLambda関数を作成することになりました。
色々学びがあったので備忘録がわり兼アウトプットのために書くことにしました。

1. 特定のページのキャプチャ取得
2. 取得したキャプチャをS3に保存
3. S3に保存したURLをDyanmoに記録

part2では`2. 取得したキャプチャをS3に保存`の実装とデプロイまで行います。
part2での実装内容は[こちら](https://github.com/syu-y/puppeteer-capture/tree/part2)

## 前提

[前回(part1)](https://qiita.com/yimi_getu/items/4c0dca38f8f55e8e6d3d)の続きです。part1に引き続き以下の準備は完了している前提です。
前回(part1)の実装内容は[こちら](https://github.com/syu-y/puppeteer-capture/tree/part1)

– nodejs
– ServerlessFramework
– yarn
–

元記事を表示

家庭内フードロスを減らそう。LINEbotを使ったレシピの提案

夏が近づき暖かくなってきました。
食品も傷みやすい季節になってきましたね！
また、在宅ワークも進み家でのお昼ご飯などのレシピにも困っているのではないでしょうか？

ということで、今回は家庭内でのフードロスが減るよう、余っている食材をメッセージするとレシピのリンクを返してくれるボットを作って見ました。

１　材料に関連したレシピがある場合：

【フリマアプリ】PAY.JPでのクレジットカード決済機能について（第４回）　〜コード全文〜

“`ruby:cards_controller.rb
class CardsController < ApplicationController require 'payjp' before_action :set_item, only: [:show,:pay] before_action :card_present,only:[:index,:destroy] before_action :take_card,only:[:show,:pay] before_action :set_api_key def index if @card.present? set_customer set_card_information end end def create if params['payjp-token'].blank? redirect_to action: "new" # トークンが取得出来てなければループ else user_id = c

元記事を表示

【フリマアプリ】PAY.JPでのクレジットカード決済機能について（第３回）　〜運用編（購入）〜

　某スクールにおいて、チーム開発で、フリーマーケットアプリを作成中であり、使用した技術について公開しています。
※初学者のため、ミスや認識違いが多々あると思いますがご了承ください。

# フリマアプリにおいて、PAY.JPを用いたクレジットカード決済機能を実装しました！！

前回記事　

今回の記事は運用編（購入）となります。

それでは、実際にPAY.JPを用いてクレジットカード機能を用いた購入ができるように実装して行きたいと思います。

##カード情報表示

825ca2a1a52d58d1bdafec6ab3d0b05f.png

「購入する」ボタンをクリックしたら、**cardsコントローラーのshow**アクションに遷移します。

0b757cba1d9c2</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>Ruby</div> <div class='tag-cloud-link'>JavaScript</div> <div class='tag-cloud-link'>Rails</div> <div class='tag-cloud-link'>haml</div> <div class='tag-cloud-link'>pay.jp</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/sho_U/items/64ca57b7a1f72bf7079f'>元記事を表示</a></div> <h3 id=【フリマアプリ】PAY.JPでのクレジットカード決済機能について（第２回）　〜運用編（クレジットカード登録）〜

　某スクールにおいて、チーム開発で、フリーマーケットアプリを作成中であり、使用した技術について公開しています。
※初学者のため、ミスや認識違いが多々あると思いますがご了承ください。

# フリマアプリにおいて、PAY.JPを用いたクレジットカード決済機能を実装しました！！
|内容 | url |
|:—————–|——————:|:—————————–:|
| 第１回 |導入編 | https://qiita.com/sho_U/items/ee0831844a0afd6e976f|
| 第２回 |運用編（クレジットカード登録） | https://qiita.com/sho_U/items/0a127e6f0904e3e9132b |
| 第３回|　運用編（購入）|https://qiita.com/sho_U/items/64ca57b7a1f72bf7079f|

今回の記事は運用

元記事を表示

【フリマアプリ】PAY.JPでのクレジットカード決済機能について（第１回）　〜導入編〜

　某スクールにおいて、チーム開発で、フリーマーケットアプリを作成中であり、使用した技術について公開しています。
※初学者のため、ミスや認識違いが多々あると思いますがご了承ください。

# フリマアプリにおいて、PAY.JPを用いたクレジットカード決済機能を実装しました！！

|内容 | url |
|:—————–|——————:|:—————————–:|
| 第１回 |導入編 | https://qiita.com/sho_U/items/ee0831844a0afd6e976f|
| 第２回 |運用編（クレジットカード登録） | https://qiita.com/sho_U/items/0a127e6f0904e3e9132b |
| 第３回|　運用編（購入）|https://qiita.com/sho_U/items/64ca57b7a1f72bf7079f|

〜コード全文

元記事を表示

自身のポートフォリオに組み込んだ「アニメーションキュー」のご紹介

# はじめに
本記事は自身のポートフォリオに組み込んだ自作機能「アニメーションキュー」を紹介するものです。組み込みたい方はぜひ組み込んでみてください。

## 環境
` npx create-nuxt-app`を使用。(ver.2.0.0)

# 私の自作した「アニメーションキュー」とは？
文字通りアニメーションをキューにため込み、一つのアニメーションを実行、終了、次のアニメーションを実行、終了…を繰り返す機能です。
![hogehoge.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405090/653919e8-1e21-d8fd-23f6-59def335320b.gif)
こんな感じでスクロールに合わせて順番にアニメーションを実行するということが可能です。

アニメーションキューのイメージは以下の通りです。
![Untitled Diagram.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/405090/5b

元記事を表示

Nuxt.jsとChart.jsとRakuten RapidAPIで新型コロナウィルス感染症のデータを表示させてみる

## 作ったもの

世界の新型コロナウィルス感染症のデータを表示させてるだけのページになります。

STAY HOMEのゴールデンウィークでちょっといじってみようと思って、やってみました。
東京都の有名になったあのサイトもNuxt.js を使ってますが、あれほどのものじゃないです。
あと、APIは英語なので、国名は英語になります。

ひとまずGithub pagesで静的ページが見れます。
https://seki0809.github.io/covid19/

↓ファーストビューに世界の合計が表示されます。
![スクリーンショット 2020-05-06 0.25.50.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/606227/191109ed-27c9-3db7-345d-797c33054991.png)

国ごとの一覧が表示されます。
国の一覧で「累計感染者」「現在感染者」「回復者」「死亡者」の見出し押すと並び替えをします。（降順のみ）
![スクリーンショット 2020-05-06 0.26.0

元記事を表示

【備忘録】javascriptでフォームの選択値を取得する

### javascriptでフォームの選択値を取得する方法/設定する方法

##### プルダウン

“`console:html

“`

“`console:js（取得）
// JavaScript
var val = document.getElementById(“pulldown”).value;
// jQuery
var val = $(“#pulldown”).val();
“`

“`console:js（設定）
// JavaScript
document.getElementById(“pulldown”).value = “2”
// jQuery
$(“#pulldown”).val(“2”)
“`

元記事を表示

非同期処理についてメモ

JavaScriptの関数が実行される順番について

コールスタックとは…
関数、メソッドが実行されるたびに積み上げられるスタックのことです。
参考[コールスタックMDN](https://developer.mozilla.org/ja/docs/Glossary/Call_stack)

スタックとは…
データ構造の1つで、後に追加したものが先に取り出されます。
配列で言うと、push/popの関係

関数実行とか、console.logとかは、スタックに積まれて、実行し終わったら次のスタックが実行されます。

キューとは…
データ構造の1つで、先に追加したものが先に取り出されます。
配列で言うと、push/shiftの関係

非同期処理のもの(setTimeoutを使ったメソッドとか)はスタックではなく、キューに積まれます。
キューに積まれたものは、スタックに積まれているものが全て終わったら1つずつスタックに積まれていきます。
なのでsetTimeoutの第2引数に0をセットし、0ミリ秒後に設定しても、スタックに積まれているものが全て実行されないと実行されないので、

元記事を表示

Laravelでcssやjsが効かない時の解決方法

#はじめに
laravelで初めて開発していた時にcssとjsを使おうとしたが効かなかったので解決方法を載せておきます

#原因
publicフォルダにcssとjsフォルダがなかったため、blade.phpで使えなかった
resourcesフォルダーにcssとjsのフォルダはあるが移動させないと使えないので
Laravel初心者の方は注意が必要です！

#解決方法
resourcesフォルダからpublicにフォルダを移動させるかpublicフォルダで新しく作ってください
そして、以下のように[asset関数](https://laraweb.net/knowledge/835/)を使ってください
これを使うとpublic限定で使うことができるので
どこのフォルダでcssやjsを使っているかわかりやすくなります

““



☆の出力

// JavaScript 課題集
// 【課題内容】
// ＝ルール＝
// ・言語は javascript とします。
// ・出力方法は問いません。
// ・一つのファイルに問１～問6までを全部出力させて下さい。
// ・一つの問いに対して★または☆は一つだけ書いて出力させて下さい。

// for(var i=1; i<=25; i++){ // if(i % 2 == 1) { // document.write("★"); // } else { // document.write("☆") // }; // if(i % 5 == 0) { // document.write("
“)
// };
// };
// 問1
document.write(“
=====================================
“);

for (let y = 0; y < 5; y++) { for (let x = 0; x < 5; x++) { if ((x + y) % 2 === 0

JavaScriptを使って文字カウントアプリを作る

#JavaScriptを使って文字カウントアプリを作ろう！

完成見本
[![Image from Gyazo](https://i.gyazo.com/2d101360da10348d3cabf21bc66dfeba.gif)](https://gyazo.com/2d101360da10348d3cabf21bc66dfeba)
はじめに、HTMLファイルを作成します。

“`index.html




文字カウントアプリ





“`
文字を入力するテキストエリアを作ります。

“`index.html




文字カウントアプリ</titl</p></blockquote> </blockquote> <aside class='widget widget-post'> <div class='tag-cloud-link'>HTML</div> <div class='tag-cloud-link'>CSS</div> <div class='tag-cloud-link'>JavaScript</div> <div class='tag-cloud-link'>デザイン</div> </aside> <div><a style='width:100%;' class='btn__link' href='https://qiita.com/yuya_maru2/items/cb15f5a7c12df9d7b280'>元記事を表示</a></div> </div> </section> <!-- 記事下シェアボタン --> <aside> <ul class="socialList"> <li class="socialList__item"><a class="socialList__link icon-facebook" href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fmiofactor.com%2F2020%2F05%2F06%2Fpost-4733%2F&t=JavaScript%E9%96%A2%E9%80%A3%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%A6%E3%81%BF%E3%81%9F2020%E5%B9%B405%E6%9C%8806%E6%97%A5" target="_blank" title="Facebookで共有"></a></li><li class="socialList__item"><a class="socialList__link icon-twitter" href="http://twitter.com/intent/tweet?text=JavaScript%E9%96%A2%E9%80%A3%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%A6%E3%81%BF%E3%81%9F2020%E5%B9%B405%E6%9C%8806%E6%97%A5&https%3A%2F%2Fmiofactor.com%2F2020%2F05%2F06%2Fpost-4733%2F&url=https%3A%2F%2Fmiofactor.com%2F2020%2F05%2F06%2Fpost-4733%2F" target="_blank" title="Twitterで共有"></a></li><li class="socialList__item"><a class="socialList__link icon-line" href="http://line.naver.jp/R/msg/text/?JavaScript%E9%96%A2%E9%80%A3%E3%81%AE%E3%81%93%E3%81%A8%E3%82%92%E8%AA%BF%E3%81%B9%E3%81%A6%E3%81%BF%E3%81%9F2020%E5%B9%B405%E6%9C%8806%E6%97%A5%0D%0Ahttps%3A%2F%2Fmiofactor.com%2F2020%2F05%2F06%2Fpost-4733%2F" target="_blank" title="LINEで送る"></a></li></ul> </aside> <!-- /記事下シェアボタン --> <!-- 記事下エリア[widget] --> <aside class="widgetPost widgetPost-bottom"><aside class="widget widget-post"><h2 class="heading heading-primary">タグ</h2><div class="tagcloud"><a href="https://miofactor.com/tag/%e3%81%9d%e3%81%ae%e4%bb%96/" class="tag-cloud-link tag-link-13 tag-link-position-1" style="font-size: 8pt;" aria-label="その他 (1個の項目)">その他</a></div> </aside></aside> <!-- /記事下エリア[widget] --> <!-- 関連記事 --> <aside class="related"><h2 class="heading heading-primary">関連する記事</h2><ul class="related__list"> <li class="related__item"> <a class="related__imgLink" href="https://miofactor.com/2023/11/24/post-28742/" title="Go関連のことを調べてみた"> <img src="https://miofactor.com/wp-content/uploads/2019/10/go-150x150.png" alt="Go関連のことを調べてみた" width="150" height="150" > </a> <h3 class="related__title"> <a href="https://miofactor.com/2023/11/24/post-28742/">Go関連のことを調べてみた</a> <span class="icon-calendar">2023.11.24</span> </h3> <p class="related__contents">目次 1. VSCode gopls client: couldn’t create connection to server.の解決法2[…]</p> </li> <li class="related__item"> <a class="related__imgLink" href="https://miofactor.com/2022/01/01/post-15560/" title="Node.js関連のことを調べてみた2022年01月01日"> <img src="https://miofactor.com/wp-content/uploads/2019/10/nodejs-150x150.png" alt="Node.js関連のことを調べてみた2022年01月01日" width="150" height="150" > </a> <h3 class="related__title"> <a href="https://miofactor.com/2022/01/01/post-15560/">Node.js関連のことを調べてみた2022年01月01日</a> <span class="icon-calendar">2022.01.01</span> </h3> <p class="related__contents">目次 1. EC2へnvm、Node.js、Yarnをインストールする2. node.jsでAzureADを認証基盤として利用する3. ReactとN[…]</p> </li> <li class="related__item"> <a class="related__imgLink" href="https://miofactor.com/2022/09/26/post-22818/" title="Ruby関連のことを調べてみた2022年09月26日"> <img src="https://miofactor.com/wp-content/uploads/2019/10/ruby-150x150.png" alt="Ruby関連のことを調べてみた2022年09月26日" width="150" height="150" > </a> <h3 class="related__title"> <a href="https://miofactor.com/2022/09/26/post-22818/">Ruby関連のことを調べてみた2022年09月26日</a> <span class="icon-calendar">2022.09.26</span> </h3> <p class="related__contents">目次 1. sliceメソッドを使ったプログラムの備忘録2. Python,Ruby,PHP,Java,JavaScript,Perlの文字コードの比[…]</p> </li> </ul></aside> <!-- /関連記事 --> <!-- コメント --> <!-- /コメント --> <!-- PVカウンター --> <!-- /PVカウンター --> </main> <!-- /l-main --> <!-- l-sidebar --> <div class="l-sidebar"> <aside class="widget"> <div class="searchBox"> <form class="searchBox__form" method="get" target="_top" action="https://miofactor.com/" > <input class="searchBox__input" type="text" maxlength="50" name="s" placeholder="記事検索"><button class="searchBox__submit icon-search" type="submit" value="search"> </button> </form> </div></aside><aside class="widget"><h2 class="heading heading-widget">Category</h2> <ul> <li class="cat-item cat-item-1"><a href="https://miofactor.com/category/other/">OTHER</a> </li> </ul> </aside><aside class="widget"><h2 class="heading heading-widget">Back number</h2> <ul> <li><a href='https://miofactor.com/2024/09/'>2024年9月</a></li> <li><a href='https://miofactor.com/2024/08/'>2024年8月</a></li> <li><a href='https://miofactor.com/2024/07/'>2024年7月</a></li> <li><a href='https://miofactor.com/2024/06/'>2024年6月</a></li> <li><a href='https://miofactor.com/2024/05/'>2024年5月</a></li> <li><a href='https://miofactor.com/2024/04/'>2024年4月</a></li> <li><a href='https://miofactor.com/2024/03/'>2024年3月</a></li> <li><a href='https://miofactor.com/2024/02/'>2024年2月</a></li> <li><a href='https://miofactor.com/2024/01/'>2024年1月</a></li> <li><a href='https://miofactor.com/2023/12/'>2023年12月</a></li> <li><a href='https://miofactor.com/2023/11/'>2023年11月</a></li> <li><a href='https://miofactor.com/2023/10/'>2023年10月</a></li> <li><a href='https://miofactor.com/2023/09/'>2023年9月</a></li> <li><a href='https://miofactor.com/2023/08/'>2023年8月</a></li> <li><a href='https://miofactor.com/2023/07/'>2023年7月</a></li> <li><a href='https://miofactor.com/2023/04/'>2023年4月</a></li> <li><a href='https://miofactor.com/2023/03/'>2023年3月</a></li> <li><a href='https://miofactor.com/2023/02/'>2023年2月</a></li> <li><a href='https://miofactor.com/2023/01/'>2023年1月</a></li> <li><a href='https://miofactor.com/2022/12/'>2022年12月</a></li> <li><a href='https://miofactor.com/2022/11/'>2022年11月</a></li> <li><a href='https://miofactor.com/2022/10/'>2022年10月</a></li> <li><a href='https://miofactor.com/2022/09/'>2022年9月</a></li> <li><a href='https://miofactor.com/2022/08/'>2022年8月</a></li> <li><a href='https://miofactor.com/2022/07/'>2022年7月</a></li> <li><a href='https://miofactor.com/2022/06/'>2022年6月</a></li> <li><a href='https://miofactor.com/2022/05/'>2022年5月</a></li> <li><a href='https://miofactor.com/2022/04/'>2022年4月</a></li> <li><a href='https://miofactor.com/2022/03/'>2022年3月</a></li> <li><a href='https://miofactor.com/2022/02/'>2022年2月</a></li> <li><a href='https://miofactor.com/2022/01/'>2022年1月</a></li> <li><a href='https://miofactor.com/2021/12/'>2021年12月</a></li> <li><a href='https://miofactor.com/2021/11/'>2021年11月</a></li> <li><a href='https://miofactor.com/2021/10/'>2021年10月</a></li> <li><a href='https://miofactor.com/2021/09/'>2021年9月</a></li> <li><a href='https://miofactor.com/2021/08/'>2021年8月</a></li> <li><a href='https://miofactor.com/2021/07/'>2021年7月</a></li> <li><a href='https://miofactor.com/2021/06/'>2021年6月</a></li> <li><a href='https://miofactor.com/2021/05/'>2021年5月</a></li> <li><a href='https://miofactor.com/2021/04/'>2021年4月</a></li> <li><a href='https://miofactor.com/2021/03/'>2021年3月</a></li> <li><a href='https://miofactor.com/2021/02/'>2021年2月</a></li> <li><a href='https://miofactor.com/2021/01/'>2021年1月</a></li> <li><a href='https://miofactor.com/2020/12/'>2020年12月</a></li> <li><a href='https://miofactor.com/2020/11/'>2020年11月</a></li> <li><a href='https://miofactor.com/2020/10/'>2020年10月</a></li> <li><a href='https://miofactor.com/2020/09/'>2020年9月</a></li> <li><a href='https://miofactor.com/2020/08/'>2020年8月</a></li> <li><a href='https://miofactor.com/2020/07/'>2020年7月</a></li> <li><a href='https://miofactor.com/2020/06/'>2020年6月</a></li> <li><a href='https://miofactor.com/2020/05/'>2020年5月</a></li> <li><a href='https://miofactor.com/2020/04/'>2020年4月</a></li> <li><a href='https://miofactor.com/2020/03/'>2020年3月</a></li> <li><a href='https://miofactor.com/2020/02/'>2020年2月</a></li> <li><a href='https://miofactor.com/2020/01/'>2020年1月</a></li> <li><a href='https://miofactor.com/2019/12/'>2019年12月</a></li> <li><a href='https://miofactor.com/2019/11/'>2019年11月</a></li> <li><a href='https://miofactor.com/2019/10/'>2019年10月</a></li> </ul> </aside> </div> <!-- /l-sidebar --> </div> <!-- /l-wrapper --> <div class="categoryBox"> <div class="container"> <h2 class="heading heading-primary"> <span class="heading__bg u-txtShdw bgc-darkgray">OTHER</span>カテゴリの最新記事 </h2> <ul class="categoryBox__list"> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36890/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/js-554x410.png" alt="JavaScript関連のことを調べてみた" width="554" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36890/">JavaScript関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36891/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/java.jpg" alt="JAVA関連のことを調べてみた" width="540" height="270" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36891/">JAVA関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36894/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/ios-554x410.png" alt="iOS関連のことを調べてみた" width="554" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36894/">iOS関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36888/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/rails-725x410.png" alt="Rails関連のことを調べてみた" width="725" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36888/">Rails関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36884/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/lambda.png" alt="Lambda関連のことを調べてみた" width="360" height="230" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36884/">Lambda関連のことを調べてみた</a> </h2> </li> <li class="categoryBox__item"> <div class="eyecatch eyecatch-archive"> <a href="https://miofactor.com/2024/09/19/post-36886/"> <img src="https://miofactor.com/wp-content/uploads/2019/10/python-640x410.png" alt="Python関連のことを調べてみた" width="640" height="410" > </a> </div> <ul class="dateList dateList-archive"> <li class="dateList__item icon-calendar">2024.09.19</li> </ul> <h2 class="heading heading-archive "> <a class="hc-darkgray" href="https://miofactor.com/2024/09/19/post-36886/">Python関連のことを調べてみた</a> </h2> </li> </ul> </div> </div> <!-- schema --> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Article ", "mainEntityOfPage":{ "@type": "WebPage", "@id": "https://miofactor.com/2020/05/06/post-4733/" }, "headline": "JavaScript関連のことを調べてみた2020年05月06日", "image": { "@type": "ImageObject", "url": "https://miofactor.com/wp-content/uploads/2019/10/python-640x410.png", "height": "410", "width": "640" }, "datePublished": "2020-05-06T11:50:15+0900", "dateModified": "2020-05-06T11:50:15+0900", "author": { "@type": "Person", "name": "editor" }, "publisher": { "@type": "Organization", "name": "f@ctor", "logo": { "@type": "ImageObject", "url": "", "width": "", "height":"" } }, "description": "目次 1. AWS AmplifyのチュートリアルでJavascript(React)の環境を構築する（その２）2. 【JavaScript】文字列を調べる/操作するメソッド3. 【JavaScript】Dateオブジェクトの時刻を操作4. 【JavaScript】Dateオブジェクトで現在時刻を取得5. スナック「jQuery」6. アクターに新規メンバーを追加しつつ、セーブデータを正しく読める […]" } </script> <!-- /schema --> <!--l-footer--> <footer class="l-footer"> <div class="container"> <div class="pagetop u-txtShdw"><a class="pagetop__link" href="#top">Back to Top</a></div> <div class="widgetFoot"> <div class="widgetFoot__contents"> </div> <div class="widgetFoot__contents"> <aside class="widget widget-foot"><h2 class="heading heading-footer">タグ</h2><div class="tagcloud"><a href="https://miofactor.com/tag/%e3%81%9d%e3%81%ae%e4%bb%96/" class="tag-cloud-link tag-link-13 tag-link-position-1" style="font-size: 8pt;" aria-label="その他 (1個の項目)">その他</a></div> </aside> </div> <div class="widgetFoot__contents"> </div> </div> <div class="copySns "> <div class="copySns__copy"> © Copyright 2024 <a class="copySns__copyLink" href="https://miofactor.com">f@ctor</a>. <span class="copySns__copyInfo u-none"> f@ctor by <a class="copySns__copyLink" href="http://fit-jp.com/" target="_blank">FIT-Web Create</a>. Powered by <a class="copySns__copyLink" href="https://wordpress.org/" target="_blank">WordPress</a>. </span> </div> </div> </div> </footer> <!-- /l-footer --> <script type="text/javascript" src="https://miofactor.com/wp-includes/js/comment-reply.min.js?ver=6.4.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script> function toggle__search(){ extra__search.className="l-extra"; extra__menu.className="l-extraNone"; menuNavi__search.className = "menuNavi__link menuNavi__link-current icon-search "; menuNavi__menu.className = "menuNavi__link icon-menu"; } function toggle__menu(){ extra__search.className="l-extraNone"; extra__menu.className="l-extra"; menuNavi__search.className = "menuNavi__link icon-search"; menuNavi__menu.className = "menuNavi__link menuNavi__link-current icon-menu"; } </script><script>Array.prototype.forEach.call(document.getElementsByClassName("css-async"),function(e){e.rel = "stylesheet"});</script> </body> </html>