目次
- 0.1. ISO8601 形式を日本時間に変換して表示 JavaScript
- 0.2. rails new〜デプロイまでの学習レポート
- 0.3. JavaScript PHP 正規表現を使用した文字列置換でが何を指しているかわからなかったので調べて簡単にまとめる
- 0.4. 画面透過について
- 0.5. 子育てサポートWebARアプリケーションを作成中!プログラム初心者パパの挑戦
- 0.6. 自作PC特化だけど、リモート起動や自動起動を好きにカスタムできるWebアプリをobnizで試作してみた
- 0.7. 【JavaScript】スコープについてまとめ
- 0.8. 【Firebase】TimeStampクラスの変数をsessionStorageに入れて出すとただのObjectになる
- 0.9. React フックを勉強した
- 0.10. 湯婆婆言語作ってみた
- 0.11. でかいデータのAjaxリクエストを圧縮して軽くしてPHPで受け取る
- 0.12. 【3分でわかる】Reactの強みを初学者目線で解説
- 0.13. 【ES6】変数,定数,関数の基礎をさらう。
- 0.14. Material UIでラジオボタンをクリックしても選択されない
- 0.15. 【JavaScriptの超基本】ファイルのインポートやエクスポートについて簡単に解説
- 0.16. IE11でも動くワンライナー湯婆婆を作り、IE11対応のつらさを再認識する
- 0.17. Vue・Reactを超える!? 近年話題の Svelte に入門してみよう!
- 0.18. webpack v5がリリースされた現状まとめ
- 0.19. 【JavaScript】Mapオブジェクト(値の更新)
- 0.20. [VUE]SPAウェブフロントエンド開発ためのまとめ
- 1. 目標
ISO8601 形式を日本時間に変換して表示 JavaScript
## 前提・やりたいこと Amazon DynamoDB に日付がISO-8601 形式の文字列として格納されていて、さらにUTCでした。 日本時間かつ、日付だけ表示したい。 ## これ “`typescript const dateFormatter = (dateIso8601: string) => new Date(Date.parse(dateIso8601)) .toLocaleDateString(‘ja-JP’) .replace(/\//g, ‘.’); “` “` // 結果 2020.11.17 “` ## 参考 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/parse https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString
rails new〜デプロイまでの学習レポート
##はじめに 本記事は、ぼくが2020年7月〜10月までに学習した、Ruby及びRailsの内容を振り返るものです。 今年の2月くらいの段階では**HTMLもまるで書けないくらい無知**だったのですが、 等の学習サイトや各種記事を参考にさせていただいて、なんとかデプロイまで漕ぎ着けることができました。 なお現在の状況としては、 – **就職活動中(HTMLコーダー職志望)** – **学習を継続し、社内でのエンジニア登用を希望している** – **フロントエンドとインフラに関心が強い** – **Railsアプリの他に、Web制作に向けたWordPressの学習も行った** – **フロント・バックともにそれらサイトで学習の継続を予定** というところです。 ##制作したアプリケーション 動いている実際のアプリは[こちら](https://filma.space/)。 使用言語は**Ruby**、フレームワークは**Ruby on Rails**です。 AWS EC2サーバーにて、 – アプリケーションサーバ ▶︎ **Puma** – Webサーバ ▶︎ **Ngi
JavaScript PHP 正規表現を使用した文字列置換でが何を指しているかわからなかったので調べて簡単にまとめる
# 目的 – JavaScriptとPHPの文字列置換でどうして$1にヒットした文字列が入っているのかわからなかったので調べてみた # 前提情報 – JavaScriptは下記の方法で確認した – [JavaScript 正規表現をchromeの検証モードで確認する](https://qiita.com/miriwo/items/b874f9cc27fa44451769) – PHPは下記のサイトで確認した。 – [https://paiza.io/ja](https://paiza.io/ja) – 下記の内容を実装中に$1になぜヒット内容が入っているか気になった。(本来良くないことだが$1にすればヒットした内容が格納されているということを一つ覚えで実装してしまった。) – [Vue.js 表示文字列にURLが含まれていたときにリンク化する](https://qiita.com/miriwo/items/1c70ba9ed43595608a93) # 確認 1. Chromeの検証モードのコンソールでで下記を実行してみる。 “`JavaS
画面透過について
**bodyに背景画像や背景色を挿入したものの、containerなどの要素の中も透過して画像や色を反映させたいと思った事はありませんか?** そんな時はrgba(255,255,255,0)と設定しましょう。 以下のようになります。 ![スクリーンショット 2020-11-17 20.30.36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/381701/2ebcb72b-efda-7eec-4f27-40db942ff50d.png)
子育てサポートWebARアプリケーションを作成中!プログラム初心者パパの挑戦
ペンギンの「ペンペン」が現れて何かしゃべるところまで。#protoout #AR pic.twitter.com/mew6weQHUA
— 3do. (@3doHi) November 17, 2020