let array1 = [];
let array2 = [];
let array3 = [];
let array4,array5,array6 = [];
Logger.log(array1);
Logger.log(array2);
Logger.log(array3);
Logger.log(array4);
Logger.log(array5);
Logger.log(array6);

しかし、出力結果は次のとおりになります。

[]
[]
[]
null
null
[]

一括で配列宣言しようとしても、四行目の書き方だと最後の変数にしか配列宣言ができないようです。

2023-08-11

久しぶりの投稿

２年ぶりに今後記事を書いていこうと思います。

日々の業務で学んだことや、勉強したこと、興味あることを書いていきます。

今日は、自分が思っていることを書いてます。

１、ダイエットして、87.5kg→76kgになったこと。

２、ダイエット中に学んだこと。

３、Laravelの構成の話。2年ほど運用して自分の中で出た結論。

４、自分の仕事の仕方の理想系について。（これは年数重ねることに変わりそうだから、書いておくと昔の記憶とすり合わせできそうでおもしろそう。）

５、Reactのkeyについて

とかとか、パッと思いつく限りですがこんな感じです。

Qiitaがいいかな？と思ったらQiitaに書きます。

vain_vox - Qiita

この記事はこれで以上です。ただの決意表明でした。笑

2021-10-19

dockerでlaravelの環境作ったけどnpm実行用のnodeも一緒に立ち上がるようにした

dockerで簡単なlaravelの環境を作成したのですが、npmの実行環境をphpのコンテナとは別で作成したので、記録に残しておきます。

作成したdockerファイル

nodeの環境を作って、npm runで立ち上げます。

version: '3'

services:
 php:
 container_name: php
 build: ./docker/php
 volumes:
 - ./server:/var/www

 nginx:
 image: nginx
 container_name: nginx
 ports:
 - 8000:80
 volumes:
 - ./server:/var/www
 - ./docker/nginx/default.conf:/etc/nginx/conf.d/default.conf
 depends_on:
 - php

 db:
 image: postgres:14.0-alpine
 container_name: db
 environment:
 TZ: 'Asia/Tokyo'
 POSTGRES_USER: 'docker'
 POSTGRES_PASSWORD: 'docker'
 POSTGRES_DB: 'laravel_development'
 POSTGRES_HOST_AUTH_METHOD: "trust"
 volumes:
 - ./docker/db/data:/var/lib/postgresql/data
 - ./docker/db/sql:/docker-entrypoint-initdb.d
 ports:
 - 5432:5432

 node:
 image: node:16-alpine
 container_name: node
 volumes:
 - ./server:/var/www
 working_dir: /var/www
 ports:
 - 3000:3000

github.com

常に立ち上がっている必要はないと思うので、永続化はしていません。永続化したい場合はtty:trueをつけるといいみたいです。

2020-11-08

ミニハッカソン終了〜！

「なんか作ってみたくない？」

そんな思いつきで始まったハッカソンも今日で最終日でした。

f:id:yabu_sw:20201107092413j:plain

ぼくは、Laravelは触ったことある、reactはほんとに触りだけ（Vueも少し）、開発環境はdocker（１ヶ月前に初めてdocker-compose作った）みたいなスキルセットで、react/Nextをフロントエンド、laravel(API)をサーバサイドとしてこの土日アプリを作ってみました。

先に結果だけ話すと、当初の目標の50%くらいしか達成できなかったのですが、どんな感じで進めてたかを残そうと思っています。

１日目（作戦を立てる）

どんなアプリを作るかだけ決めていたので、そこから簡単な要件定義をしていきました。

作ろうとしているのは、いわゆる掲示板てきなやつで、railsとかならもはや数時間でできる内容ですが、今回はreactをフロントとして、laravelをAPIとする構成でほんとに初めてだったので、機能は最小限ということでこのコンセプトでどこにでも振れそうなサービスを作ってみようと思いました。

サービスの流れと機能、画面を整理したら、githubのissueに問題を追加していくような感じで進めていきました。

２日目（開発初日）

開発初日はまずはgithubでの共有をノボくんにやり方を教えながら午前中に開発環境を整えていきました。

午後は、まずはユーザー登録から、、、ということで進めていたのですが、ここですぐCORSの壁にぶち当たります。

laravel側での許可はどうやらすぐにできていたようなのですが（気づくのが遅かった）、react側での許可がなかなかできなかったです。

これはなんと日曜の朝まで悩まされます。😅

おれ雑魚だなーと思ったんですけど、なんとかできてよかったです。（疲れた

qiita.com

それができてない間に、ユーザーの画面３つ、投稿の画面２つを作っていました。

f:id:yabu_sw:20201108233630j:plain

（お昼はあじとや行ってました。😋）

３日目（最終日）

ぼくは朝は別件で仕事があり、午後からの作業開始。

ログイン時のユーザーの情報がもたせられないという問題は結局さわる時間なかったものの、掲示板の投稿機能/詳細の部分は作成しました。

なぜか投稿の一覧取得のAPI作成後、reactでの表示で引っかかりました。reactむずい、、、

react知らなさすぎるのが影響してしまい、ここまでで時間がきてしまいました。

このときに同じ画面を作ってしまったこと、画面作ったけどAPIをマージしないとテストできない問題で開発が遅れたので、次はAPIと画面はセットでタスク作ってもイイのかなと思いました。（画面の装飾は別）

まとめ

できたこと

・react/NextとLaravelのdockerでの環境構築（別件で使う予定だったものを改造）

・react/NextとLaravelAPIのaxiosを使った通信。

・corsの許可。

・createとread。

できなかったこと

・ログイン時のセッション管理

・updateとdelete

・reactでのコンテンツの一覧表示

こんなところでしょうか。（エラーに悩まされる時間多かった、、、）

今回は挑戦とスキル試しみたいな意味合いでこんなことをやってみました。

思ったよりもできなかったので、もっとreact/Next・laravelのこと知ってまた来月やってみます。

もしこの投稿みてやってみた人いたら、ぼくに感想教えてくれると嬉しいです🙌

やぶ@Lagoon (@vain_vox) | Twitter

最後まで読んでいただきありがとうございました😊

2020-11-07

ミニハッカソンをやってみたよ！

１日目

「なんか作ってみたくない？」

そんな話から、codebase卒業生のノボ君と一緒にアプリ開発をやってみようということになりました。

時間をガッツリかけてしっかりしたアプリを作成するのもいいかなーと思ったのですが、まずは2泊3日で簡単なアプリを作ってみようというをやってみようと思います。

技術的には、実際に使ったことはない構成でやってみる、ということでここがハードルになるかなと思っています。

f:id:yabu_sw:20201107092413j:plain

開発環境どうする🤔

環境構築はdockerで、laravel(API) + react/Next 、機能は簡単なCRUDとユーザー登録のみです。

ouathも使おうと思ってるのですが、どこでどんな感じで使うのかもわからない、といった状況です。

どんなサービス作るの？

最近所属している会社helloworldでビーチクリーンを始めたのですが、「そこでゴミがたまっている場所がある」というのを聞いて、そういう場所がいっぱいあって定期的に清掃しないといけなさそうだなーと思ったので、そこを気軽に投稿して情報をまとめて見れるサイトを作ってみようと思います。

要件を整理してみる

今回のサービスの要件こんなところでしょうか。

・誰でも気軽にゴミが集まっている場所を投稿できる。
・状況と場所がわかればボランティアの方たちの力になれそう

ということで、これをもう少し落とし込むと、

・気軽にしたいためユーザー登録は最小限、ユーザー自身が投稿したゴミの場所はいつでも削除ができる。
・写真の共有、その場で上げることが多いとなんとなく思ったので、位置情報をアップできるようにする。

やらないことを決める

開発時間は実質２日と全然ないので、あったらいいけどやらないことも決めました。

・関係ない画像がアップロードされる。
画像にゴミが含まれているか判別する？→どうやってゴミと認識するか不明
撮影をその場のみに限定する→ありかもしれない。このアプリより以前に撮った場所の写真がアップできなくなってしまう。

・ログインがメールアドレスだけでできる。
・パスワードもあっさり変更可能。
この２つはセキュリティ的に甘いかなと思ったが、それ以外の個人情報が名前しかなく、ニックネーム可なため許容。

・コメント機能はつけない？
場所がわかるだけでいいのではないかという判断。シェアボタンとイイねがイイねという話になった。

・このアプリで活動報告ができたらいいのに。
SNSでやってほしい。このゴミの場所をシェアしてアップとかを想定。

なるべくシンプルに。

もっと「おお！」って言わせることをしたいなーとか思ったりもしたのですが、身近なあったらいいなを作ってみようと思ったので、このお題にしてみました。

おもしろいの思いついたらテンション上がると思うので、ゲリラ的にやると思います。笑

まとめ

今回は短期間でこの技術構成でどこまで作れるか、をやってみるテスト的な感じです。

そもそもの環境構築でつまずく可能性だってありますし、LaravelのAPIでつまずく、reactの構築でつまずく、など、つまずきポイント豊富ですが、ある程度できるんじゃないかなーということでやってみます！

空の下でひっそりと

てきとーに更新していきます。レーザーカッターや３Dプリンタが好き

Laravelで簡単に開発環境を作る方法。Laravel hardを使ってみる

Laravelの開発環境が簡単に作れる

dockerでLaravelの開発環境作らないの？

なんでLaravel？

ChatGPTのAPIを久しぶりに使おうとした時にBillingのエラーが出た

原因は課金設定が旧プランになっていたこと

javascriptの変数の一括宣言には落とし穴