2022年12月の記事
イオンモール名古屋ノリタケガーデンは、2021年の秋に開業したイオンモールです。 私は、何度か訪れたことがあり、今回ツアーをしてみようと思いました。ある程度どこにどんなお店が入っているのか把握しているので、そのような立場からツアーレポートを書いていきます。 くつろぎ椅子 まずは、1階H出口を入ったところにあるこちらの椅...
イオンモール名古屋ノリタケガーデンは、2021年の秋に開業したイオンモールです。 私は、何度か訪れたことがあり、今回ツアーをしてみようと思いました。ある程度どこにどんなお店が入っているのか把握...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/aeon-mall-nagoya-noritake-tour.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/book2.png)
愛知県一宮市の図書館で「33の悩みと答えの深い森」という本を流し読みしました。 仕事が来ないという悩みを抱えているフリーランスのデザイナー フリーランスのデザイナーが「仕事が来ない」という悩みを抱えていて、それに対して元電通の人がアドバイスをしていました。 アドバイスを要約すると、「仕事が来ないということは、まずいラー...
愛知県一宮市の図書館で「33の悩みと答えの深い森」という本を流し読みしました。 仕事が来ないという悩みを抱えているフリーランスのデザイナー フリーランスのデザイナーが「仕事が来ない」とい...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/8CBBC217-F6DC-411D-A028-97514C02FB3E_1_105_c-1.png)
前回、Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 今回、現在の残高を登録して、支出を記録するごとに残高が減っていき、現在の残高が分かる機能を追加しました。 See the Pen Vue3 支出管理アプリ by Shibata Hiroki (@...
前回、Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 今回、現在の残高を登録して、支出を記録するごとに残高が減っていき、現在の残...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/function-know-current-balance-1.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/site.png)
私は、2019年末にプログラミングスクールTECH::EXPERTを経験した後、2020年5月ごろ2つの模写コーディングを行いました。 そのサイトを公開したいと思います。 MUJI HOTEL GINZA https://ki-hi-ro.com/reproduce/Muji-Hotel/ ユーザー名パスワードk...
私は、2019年末にプログラミングスクールTECH::EXPERTを経験した後、2020年5月ごろ2つの模写コーディングを行いました。 そのサイトを公開したいと思います。 MUJI HO...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/copy-freelance-web-fledgling.png)
Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 See the Pen Vue3 支出管理アプリ by Shibata Hiroki (@khiro-enginner) on CodePen. 使い方 例えば、コンビニで88円の...
Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 See the Pen Vue3 支出管理アプリ by Shibat...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/app-shows-todays-total-spending.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/book2.png)
愛知県一宮市にある図書館で、「たいていのことは20時間で取得できる」という本を読みました。 読書メモ 大抵のことは上達するまで面白くない。 デバックがソフトウェアのバグを取り除くプロセスなら、プログラミングはきっとそれを植え付けるプロセスなのだろう Wordpressは大きな負荷のかかる環境でのパフォーマ...
愛知県一宮市にある図書館で、「たいていのことは20時間で取得できる」という本を読みました。 読書メモ 大抵のことは上達するまで面白くない。 デバックがソフトウェアのバグを取...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/can-get-things-20-hours-1.png)
尾張一宮駅に以下の展示がしてありました。 私のメモ 展示を見て、私がスマホにメモしたものを共有します。 承久の乱は、朝廷と幕府軍の政権争いですが、愛知県一宮市にある真清田神社付近で東海道線から来た10万人くらいの軍が戦いを繰り広げていたようです。 承久の乱は、大河ドラマの「13人の殿様」でも描かれます。 幕...
尾張一宮駅に以下の展示がしてありました。 私のメモ 展示を見て、私がスマホにメモしたものを共有します。 承久の乱は、朝廷と幕府軍の政権争いですが、愛知県一宮市にある真清田神...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/relationship-between-jokyu-masumida.png)
5回目のスタンプが押された「青春18きっぷ」 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の5回目の様子をお届けします。 1回目はこちら、2回目はこちら、3回目はこちら、4回目はこちらです。 第0章: 尾張一宮駅~名古屋 8:23、JR尾張一宮駅に到着 ...
5回目のスタンプが押された「青春18きっぷ」 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の5回目の様子をお届けします。 1回目はこちら...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/seishun-18-kippu-5-5.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/book2.png)
愛知県一宮市のJR尾張一宮駅にある図書館で、「習慣化大全」という本を読みました。 こちらから購入できます 読書メモ 飽きたら刺激と変化をつけるそうすると続けることが出来る 事実は変えられないが解釈は変えられる 人生を幸せに生きるためには、感情の習慣を良くすることが大事 朱に交われば赤くなる リス...
愛知県一宮市のJR尾張一宮駅にある図書館で、「習慣化大全」という本を読みました。 こちらから購入できます 読書メモ 飽きたら刺激と変化をつけるそうすると続けることが出来る 事...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/read-book-habituation-encyclopedia-1.png)
私は愛知県一宮市に住んでいるのですが、こんなに雪が降ったのは久しぶりです。 自宅付近 自宅付近の未開拓の雪道 雪に埋もれた車 JR尾張一宮駅 尾張一宮の温度計(1℃)。氷点下近くになるとあまり寒さを感じなくなります。 尾張一宮駅の2階からの雪景色 線路の雪。大雪の...
私は愛知県一宮市に住んでいるのですが、こんなに雪が降ったのは久しぶりです。 自宅付近 自宅付近の未開拓の雪道 雪に埋もれた車 JR尾張一宮駅 尾張一宮の...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/snowed-in-aichi-prefecture.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/book2.png)
今日の午前中に、愛知県一宮市の一宮駅にある図書館で「働き方の哲学」という本を読んできました。 一宮駅にある図書館 その感想を書いていきます。 読書メモ 読書しながらスマホのメモに書いていった内容を公開します。 この本の目的=おおらかな観を醸成すること 仕事は人生の大部分を占めている 3人のレンガ...
今日の午前中に、愛知県一宮市の一宮駅にある図書館で「働き方の哲学」という本を読んできました。 一宮駅にある図書館 その感想を書いていきます。 読書メモ 読書しながらスマホのメ...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/impressions-philosophy-of-working-1.png)
.wp-block-table td { text-align: left; } この本を参考にして、Vue.jsでMarkdownを作ってみました。 準備 色々と準備をしていきます。 HTMLの雛形を作成する まずは、VScodeの省略記法で、「!」と入力してHTMLの基本...
.wp-block-table td { text-align: left; } この本を参考にして、Vue.jsでMarkdownを作ってみました。 準...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/markdown-editor-with-vue.png)
青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 4回目のスタンプが押された「青春18きっぷ」 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の4回目の様子をお届けします。 1回目はこちら、2回目はこちら、3回目はこちらです。 目次 ...
青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 4回目のスタンプが押された「青春18きっぷ」 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみま...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/seishun-18-kippu-4-5-new.png)
青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 3回目のスタンプが押された「青春18きっぷ」 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の3回目の様子をお届けします。 1回目はこちら、2回目はこちらです。 横浜駅付近で1日の計画を立...
青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 3回目のスタンプが押された「青春18きっぷ」 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみま...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/seishun-18-kippu-3-5-new.png)
2回目のスタンプが押された「青春18きっぷ」 青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の2回目の様子をお届けします。 1回目はこちらです。 目次 朝 今日はみなとみらいに...
2回目のスタンプが押された「青春18きっぷ」 青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみま...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/seishun-18-kippu-2-5-new.png)
1回目のスタンプが押された「青春18きっぷ」 青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の1回目の様子をお届けします。 目次 尾張一宮駅~名古屋駅 https://railway...
1回目のスタンプが押された「青春18きっぷ」 青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみま...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/seishun-18-kippu-1-5-new.png)
以前書いた「ツインアーチ138に行ってきた」という記事で、全国のタワー比較がされていて、その中に「東山スカイタワー」があったので、登ってみました。 目次 アクセス まずは、名古屋駅から地下鉄東山線で星ヶ丘駅まで行きます。 星ヶ丘駅の6番出口を左に曲がって15分ほど直進すればたどり着きます。 地下鉄星ヶ丘駅 ...
以前書いた「ツインアーチ138に行ってきた」という記事で、全国のタワー比較がされていて、その中に「東山スカイタワー」があったので、登ってみました。 目次 アクセス まずは、名古屋駅...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/climbed-higashiyama-sky-tower-1.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
オブジェクト指向とは、ざっくりと言うと、ものを渡すようにしてプログラミングの処理を行なっていくことです。 この記事では具体的なコードを見せながらJavaのオブジェクト指向について書いていきます。 目次 今回作成したもの 「東海3県それぞれの名前 + ようこそ」と出力するプログラムを作成しました。 出力結果 ...
オブジェクト指向とは、ざっくりと言うと、ものを渡すようにしてプログラミングの処理を行なっていくことです。 この記事では具体的なコードを見せながらJavaのオブジェクト指向について書いていきます...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/concrete-java-object-orientation-2.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
私は現在、システムエンジニアなどの転職活動を進めています。 業務系システムなどは実際に入社してからでないと分からない部分も多いかと思いますが、「世の中にはどんなシステムがあるのか」について調べられる範囲で調べてみました。 目次 在庫管理ソフト「ロジクラ」 株式会社ロジクラ ロジクラというソフトウェアがありま...
私は現在、システムエンジニアなどの転職活動を進めています。 業務系システムなどは実際に入社してからでないと分からない部分も多いかと思いますが、「世の中にはどんなシステムがあるのか」について調べ...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/tried-find-out-system.png)
スマホの写真に、「以前無印に行ったときに、つい撮影してしまった商品」があったので、記事にまとめていきたいと思います。 目次 アイロン用具 アイロンマット 衣類ハンディスチーマー コンパクトにたためる「アイロンマット」と、コンパクトな「衣類ハンディスチーマー」です。 毎日、服のアイロンがけを...
スマホの写真に、「以前無印に行ったときに、つい撮影してしまった商品」があったので、記事にまとめていきたいと思います。 目次 アイロン用具 アイロンマット 衣類ハンディ...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/muji-products-accidentally-photographed-2.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
前回、Hello Javaが上手くいかなかったのですが、今回うまくいきました。 目次 Hello Javaのために行ったこと JDKのインストール エディタの変更 拡張機能のインストール JDKのパスを通す(1回目) プロジェクトを作成する JDKのパスを通す(2回目) JDKの...
前回、Hello Javaが上手くいかなかったのですが、今回うまくいきました。 目次 Hello Javaのために行ったこと JDKのインストール エディタの変更 拡...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/i-did-hello-java.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
最近転職活動をしていて「Java」の求人が多いので、学習を始めたいと思います。 JavaはProgateで基礎的な文法などについて学習したことがありました。 自身のローカル環境で開発環境を整えたことが無かったので、やってみたいと思います。 Pleiades All in Oneをダウンロードする JDE(...
最近転職活動をしていて「Java」の求人が多いので、学習を始めたいと思います。 JavaはProgateで基礎的な文法などについて学習したことがありました。 自身のローカル環境で...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/tried-java-development-environment.png)
愛知県一宮市に転入したときに、ウェルカムチケットをもらったので、ツインアーチ138に行ってきました。 ウェルカムチケットとは? WELCOME TICKETS ツインアーチ138 愛知県一宮市の転入手続きをするともらえました。 ツインアーチ138以外にも以下のような無料券が入っていました。 ...
愛知県一宮市に転入したときに、ウェルカムチケットをもらったので、ツインアーチ138に行ってきました。 ウェルカムチケットとは? WELCOME TICKETS ツインアーチ...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/went-138-tower-park-1.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
スクレイピングとは、WEBサイトの情報を引っ張ってくることです。 googleスプレッドシートの「IMPORTXML関数」を使えば、スクレイピングができるみたいなので、やってみました。 今回スクレイピングする情報 私の個人サイトのプロフィール欄にある名前を引っ張ってきて、googleスプレッドシートに記入したい...
スクレイピングとは、WEBサイトの情報を引っ張ってくることです。 googleスプレッドシートの「IMPORTXML関数」を使えば、スクレイピングができるみたいなので、やってみました。 ...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/rudimentary-scraping-google-spreadsheet.png)
私は現在転職活動中です。 面接でよく聞かれる質問と私の回答について書いていきます。 自己紹介をお願いします。 本日は貴重なお時間をいただきありがとうございます。 私は柴田浩貴と申します。 大学卒業後ホテルの受付を経験し、モバイル基地機局の設計エンジニアとして勤務した後、プログラミングスクールTECH::EX...
私は現在転職活動中です。 面接でよく聞かれる質問と私の回答について書いていきます。 自己紹介をお願いします。 本日は貴重なお時間をいただきありがとうございます。 私は柴田浩貴...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/frequently-asked-interview-questions.png)
「ふるさと納税」について書いていきます。 ふるさと納税とは 納税者が好きな自治体に寄付をすると、納税者と自治体それぞれにメリットがある制度です。 納税者側のメリット 寄付金のうち2,000円を超える金額だけ税金が減額される(上限あり。控除上限額のかんたんシミュレーション|ふるさとチョイス - ふるさと納税サイト...
「ふるさと納税」について書いていきます。 ふるさと納税とは 納税者が好きな自治体に寄付をすると、納税者と自治体それぞれにメリットがある制度です。 納税者側のメリット 寄付金...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/hometown-tax.png-2.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
Storybookは、UIコンポーネントのカタログです。 Storybookの存在は以下の本を読んだ時に知りました。 .post .book-img { width: 100%; margin: 0 auto; text-align: center; } Storyb...
Storybookは、UIコンポーネントのカタログです。 Storybookの存在は以下の本を読んだ時に知りました。 .post .book-img { wid...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/try-to-storybook.png)
ONE OK ROCKの「Wonder」について書いていきます。 YouTube ライブ映像とOffitial Audioを紹介します。 ライブ映像 Offitial Audio どんな曲か? 落ち込んでる時に、「素晴らしいものを見て感動しようぜ!」ということを歌った曲です。 ...
ONE OK ROCKの「Wonder」について書いていきます。 YouTube ライブ映像とOffitial Audioを紹介します。 ライブ映像 Offitia...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/wonder-one-ok-rock-thumb.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
クラウドワークスで、お問い合わせフォームの日付入力をプルダウン形式からカレンダー入力形式に変更して欲しいというご相談を受けました。 学習ブログを書いていきます。 今回の要件 引越し予定日の年・月・日をカレンダーから選択できるようにする。 ライブラリを使うための準備 まずは、vue.jsとvuejs-date...
クラウドワークスで、お問い合わせフォームの日付入力をプルダウン形式からカレンダー入力形式に変更して欲しいというご相談を受けました。 学習ブログを書いていきます。 今回の要件 引越し...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/calendar-input-with-vue.js-2.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
GitHub Actionsを使用して、本サイトのWordPressテーマを編集した後に、GitHubのmasterブランチにプッシュをすると、エックスサーバーに自動でデプロイされるようにしました。 その過程を記事にまとめておきます。 前提条件 WordPressで作成されたサイトGitHubでソースコードの管理を行な...
GitHub Actionsを使用して、本サイトのWordPressテーマを編集した後に、GitHubのmasterブランチにプッシュをすると、エックスサーバーに自動でデプロイされるようにしました。...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/wordpress-theme-github-actions.png)
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/themes/ki-hi-ro.com-2022/assets/img/tag/programing.png)
求人の必須スキルに、CI / CDツールと書かれていたので、今回「CI / CDとは?」という記事を書きました。 何の略称? CI / CDとセットで耳にすることが多い単語ですが、それぞれ何の略称なのでしょうか? CI CIは、Continuous Integration(断続的インテグレーション)の略です。 ...
求人の必須スキルに、CI / CDツールと書かれていたので、今回「CI / CDとは?」という記事を書きました。 何の略称? CI / CDとセットで耳にすることが多い単語ですが、それぞ...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/what-is-ci-cd.png)
Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です。 シンプルな例 例えば、入力した文字がすぐ下に追加されるというシンプルな例を見ていきましょう。 以下のデモでは、aと入力して追加ボタンを押すと、すぐ下にaと表示されるのが...
Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です。 シンプルな例 例えば、入力した文字...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/difference-between-vue-jquery.png)
こちらの記事でNext.jsをセットアップして、ローカル環境で起動しました。 今回は、Vercelを使用してデプロイを行なっていきます。 しまぶーさんが出してくれていた動画を参考にします。 デプロイするサイト ローカル環境で作成した、Next.jsのセットアップ画面をデプロイしていきます。 loc...
こちらの記事でNext.jsをセットアップして、ローカル環境で起動しました。 今回は、Vercelを使用してデプロイを行なっていきます。 しまぶーさんが出してくれていた動画を参...
![](https://ki-hi-ro.com/ki-hi-ro.com-2022/wp-content/uploads/2022/12/deploy-next-using-vercel.png)