2022年11月の記事

途中でヘッダーの高さが変化して固定される動き

ローカル環境で、スクロールすると途中でヘッダーの高さが変化して固定される動きを作成しました。 作成したヘッダーの動き PCで、スクロール量がヘッダーの高さを超えるとヘッダーがゆっくりと下がって、固定される動きを作成しました。 スクロール前 スクロール量がヘッダーの高さを超えた後 ヘッダーの動きの作成方法 ...

ローカル環境で、スクロールすると途中でヘッダーの高さが変化して固定される動きを作成しました。 作成したヘッダーの動き PCで、スクロール量がヘッダーの高さを超えるとヘッダーがゆっくりと下...

コンポーネントの繰り返しに使用する「map関数」

しまぶーさんが、「コンポーネントを、mapで繰り返そう」という動画を上げてくれていたので、学習ブログを書いていきます。 この記事では、主な内容のみを書いていきます(動画内では、詳細についても解説されています)。 今回使用した開発環境 http://localhost:3000/ 以前の記事で作成した、ロ...

しまぶーさんが、「コンポーネントを、mapで繰り返そう」という動画を上げてくれていたので、学習ブログを書いていきます。 この記事では、主な内容のみを書いていきます(動画内では、詳細に...

マイナンバーカードの20,000ポイントについて

マイナンバーカードを登録すると最大20,000ポイントが貯まるということを耳にしたので、詳細をまとめていこうと思います。 マイナポイントはどこで使えるのか? 決済サービスのポイントに変換して、その決済サービスが使えるお店なら使用可能です。 以下のようなサービスのポイントに変換可能でした。 PayPay T...

マイナンバーカードを登録すると最大20,000ポイントが貯まるということを耳にしたので、詳細をまとめていこうと思います。 マイナポイントはどこで使えるのか? 決済サービスのポイントに変換...

岐阜駅周辺で景色がキレイな場所 TOP5

私が住んでいる愛知県一宮市の近くに岐阜県があります。 一宮駅から岐阜駅は快速で一本で行けるため、たまに行っています。 今回は、先日天気の良い日に岐阜駅周辺を見てきたので、景色がキレイな場所 TOP5を紹介したいと思います。 岐阜駅に行く機会があれば、ぜひ参考にしてください。 第五位 JR岐阜駅 岐阜の玄関口...

私が住んでいる愛知県一宮市の近くに岐阜県があります。 一宮駅から岐阜駅は快速で一本で行けるため、たまに行っています。 今回は、先日天気の良い日に岐阜駅周辺を見てきたので、景色がキレイな場...

Google Chartsの円グラフに投票できる例

こちらの参考書のchapter7の内容です。 以下のように、Google Chartsの円グラフが表示されていて、表のボタンを押すと数字が増えて、グラフも連動して変化するようになっています。 スタバに投票する前 スタバに投票した後 動作環境 vue.jsのバージョンは、2.5.17です。...

こちらの参考書のchapter7の内容です。 以下のように、Google Chartsの円グラフが表示されていて、表のボタンを押すと数字が増えて、グラフも連動して変化するようになってい...

HARBSに行ってみた

以前から気になっていたケーキ屋さんの「HARBS」に行ってきました。 持ち帰りか店内か選べるのですが、店内で食べました。 12時くらいに入ったので、「料理は出ませんがよろしいですか?」と聞かれました。 ケーキのみの注文は出来ませんでした。 マロンタルト1カット(830円)と、デカフェコーヒー(660円)をセットで...

以前から気になっていたケーキ屋さんの「HARBS」に行ってきました。 持ち帰りか店内か選べるのですが、店内で食べました。 12時くらいに入ったので、「料理は出ませんがよろしいですか?」と...

Djangoとは?

Pythonのフレームワーク「Django(ジャンゴ)」について書いていきます。 今後、WEBエンジニアとして活躍していくのに、WEBアプリケーションを一人で作成できる知識が必要だと思ったので、こちらの本を購入しました。 こちらから購入できます。 この記事では、Djangoをインストールして、Djangoの雛形をローカ...

Pythonのフレームワーク「Django(ジャンゴ)」について書いていきます。 今後、WEBエンジニアとして活躍していくのに、WEBアプリケーションを一人で作成できる知識が必要だと思ったので...

2022年11月25日

今日は一宮市で過ごしました。 まだ、引越し先の実家にネットが通っていないため、スタバのネットを利用しました。 今日やったこと 当サイトの記事ページに「この記事を読むと分かること」というフィールドを作成した無印のタッカルビの素を購入して、夜ご飯を自炊したCALDYでシチリアレモンのお酒を購入して、飲んだDjangoのイン...

今日は一宮市で過ごしました。 まだ、引越し先の実家にネットが通っていないため、スタバのネットを利用しました。 今日やったこと 当サイトの記事ページに「この記事を読むと分かること」と...

Next.jsで学ぶReact講座 #1Next.jsのセットアップ

しまぶーさんが、Next.jsについての動画を出してくれていました。 今後WEBエンジニアとして活躍していくのに、Next.jsを学んでおいておいた方がいいと思うので、まずは、この動画に沿って学んでいきます。 前回は、Next.jsで重要な部分について書きました。 今回は、Next.jsのセットアップを行って...

しまぶーさんが、Next.jsについての動画を出してくれていました。 今後WEBエンジニアとして活躍していくのに、Next.jsを学んでおいておいた方がいいと思うので、まずは、この動...

2022年11月23日

今日やったこと 朝、岐阜駅のスタバでドリップコーヒーを頼んで、ネットを使った 昼、岐阜のBeringei cafeというコワーキングスペースを初めて利用した DIE WITH ZEROを読み進めた ジェイソンのお金の本を読み進めた 当サイトに検索窓を設置して、その過程をブログに残した 検索窓を設置し...

今日やったこと 朝、岐阜駅のスタバでドリップコーヒーを頼んで、ネットを使った 昼、岐阜のBeringei cafeというコワーキングスペースを初めて利用した DIE WITH Z...

WordPressでキーワード検索を作成する方法

本日、当サイトのサイドバーに検索ボックスを作成したので、その方法をまとめていきます。 本日作成した検索機能 キーワードを入力して、Enterキーまたは検索ボタンをクリックすると、そのキーワードが本文中やタイトルに含まれる記事が表示されます。 例えば、「vue」というキーワードで検索すると、「vue」が含...

本日、当サイトのサイドバーに検索ボックスを作成したので、その方法をまとめていきます。 本日作成した検索機能 キーワードを入力して、Enterキーまたは検索ボタンをクリック...

Next.jsで学ぶReact講座 #1 Next.jsで重要な部分

しまぶーさんが、以下のような動画を出してくれていました。 今後WEBエンジニアとして活躍していくのに、Next.jsを学んでおいておいた方がいいと思うので、まずは、この動画に沿って学んでいきます。 Next.jsで重要な部分 太字の部分は、最初のうちから特に重要な部分です。 Zero Config ...

しまぶーさんが、以下のような動画を出してくれていました。 今後WEBエンジニアとして活躍していくのに、Next.jsを学んでおいておいた方がいいと思うので、まずは、この動画に沿って学...

Vue.jsで、SPAのToDoアプリを作成してみた

この本を参考にして、Vue.jsで、SPA(Single Page Application)のToDoアプリを作ってみました。 今回作成したもの See the Pen Untitled by Shibata Hiroki (@khiro-enginner) on CodePen. ...

この本を参考にして、Vue.jsで、SPA(Single Page Application)のToDoアプリを作ってみました。 今回作成したもの See t...

2022年11月21日

今日やったこと Vue.jsでToDoリストを作成する方法について、学習ブログで解説したメルカリで売れた「WHITE SPACE」を発送した退去時に持っていってしまっていた「エアコンのリモコン」の発送先を保証会社に確認した引越し時に使用した段ボールの中身を出して、段ボールを紐で縛ってまとめておいた燃やせるゴミを収集場所に出...

今日やったこと Vue.jsでToDoリストを作成する方法について、学習ブログで解説したメルカリで売れた「WHITE SPACE」を発送した退去時に持っていってしまっていた「エアコンの...

ローディングアニメーションを作成してみた

年末あたりに、知り合いのWEBデザイナーさんからコーディングの依頼が来ると思います。 事前準備として、jQueryを使用したローディングアニメーションの学習ブログを書いておきます。 ローディングアニメーションとは? こちらのユナイテッドアローズを開いたときに表示されるような、画面読み込み時に発生するアニメーションのこと...

年末あたりに、知り合いのWEBデザイナーさんからコーディングの依頼が来ると思います。 事前準備として、jQueryを使用したローディングアニメーションの学習ブログを書いておきます。 ロー...

【早く気づけ】一生お金がない人の共通点 TOP3

お金ばかりを求めている訳ではないけど、私たちは日々お金を使って生きているので、お金が必要です。 この動画を見れば、「お金を稼ぐにはどうすればいいか?」という疑問が解消されるはずです。 https://www.youtube.com/watch?v=aGrCJ3ZWx-g 本記事では、この動画を見た後に私が思ったこと...

お金ばかりを求めている訳ではないけど、私たちは日々お金を使って生きているので、お金が必要です。 この動画を見れば、「お金を稼ぐにはどうすればいいか?」という疑問が解消されるはずです。 ...

Nuxt.jsをインストールしてみた

vue.jsのフレームワーク「Nuxt.js」をインストールしてみました。 最終的には、スタートページが表示されましたが、 なかなかスムーズにインストールが進まなかったので、その過程も書いていきます。 公式サイトのドキュメント 公式サイトのインストールページにインストールに必要な情報がまとまっていました。...

vue.jsのフレームワーク「Nuxt.js」をインストールしてみました。 最終的には、スタートページが表示されましたが、 なかなかスムーズにインストールが進まなかったので、その...

名駅近くのコワーキングスペースの情報をまとめてみた

先日引っ越したので、しばらくインターネットが使えない状況が続いています。 そこで、コワーキングスペースのネットを利用したいと思いました。 私は、愛知県一宮市に住んでいますが、名古屋駅まで電車ですぐに行けます。 名古屋駅(名駅)付近のコワーキングスペースの情報について調べてみました。 少し体験してみたいという方のた...

先日引っ越したので、しばらくインターネットが使えない状況が続いています。 そこで、コワーキングスペースのネットを利用したいと思いました。 私は、愛知県一宮市に住んでいますが、名古屋駅まで...

2022年11月18日

今日やったこと neo work gihuを3時間利用してみたYouTubeでONE OK ROCKのvandalizeのPVを観た一宮市役所で転入手続きを行った一宮警察署で免許証の住所変更を行った岐阜駅の薬膳のお店でカレーを食べたワインの記事をアップしたWHITE SPACEを読破した引っ越し後に箱に入っていたiMacを...

今日やったこと neo work gihuを3時間利用してみたYouTubeでONE OK ROCKのvandalizeのPVを観た一宮市役所で転入手続きを行った一宮警察署で免許証の住...

vuetifyについて

vuetifyについて調べてみました。 vuetifyとは? Vue.jsのUIフレームワークです。 始め方 https://next.vuetifyjs.com/en/getting-started/installation/#installation 公式ドキュメントの流れに沿って、進め...

vuetifyについて調べてみました。 vuetifyとは? Vue.jsのUIフレームワークです。 始め方 https://next.vuetifyjs.c...

引っ越しでやることと、その期限をまとめてみた

11月18日に、今住んでいるところを退去して実家に引っ越しを行いました。 せっかくなので、引っ越しでやることについてまとめてみたいと思いました。 参考としてお伝えしておくと、私は一人暮らし男性です。 やるべきことの一覧 私(単身一人暮らし・移動先は実家)の場合、引っ越しでやるべきことはこちらでした。 退去...

11月18日に、今住んでいるところを退去して実家に引っ越しを行いました。 せっかくなので、引っ越しでやることについてまとめてみたいと思いました。 参考としてお伝えしておくと、私は一人暮ら...

Vueアプリケーションをブラウザで実行しました。

以前の記事で、拡張子が「.vue」のファイルをブラウザに表示させることが出来ませんでした。 本日、公式サイトのクイックスタートにある「Vueアプリケーションの作成」を参考に進めました。 そして、ブラウザでVueアプリケーションを実行することができました。 ブラウザで実行されたVueアプリケーション ブラウザで実行...

以前の記事で、拡張子が「.vue」のファイルをブラウザに表示させることが出来ませんでした。 本日、公式サイトのクイックスタートにある「Vueアプリケーションの作成」を参考に進めました。 ...

npmとは?

JavaScriptのフロントエンド開発でよく聞くnpmとは何でしょうか? 調べたことをまとめてみました。 何の略称? Node Package Manager です。 ただし、googleの検索結果には、「実際にはバクロニムです」とありました。 バクロニムとは、既存の言葉に対して後付けで作られた略語...

JavaScriptのフロントエンド開発でよく聞くnpmとは何でしょうか? 調べたことをまとめてみました。 何の略称? Node Package Manager です。 ...

WHITE SPACE ホワイトスペース

何もしない時間の重要性を再認識させてくれる本でした。 著者は例えを頻繁に使っていて、アメリカ特有の固有名詞などはググりながら読み進めました。 現代人が、たいして重要でない仕事に邁進している様子を「もぐら」に例えたりしていて、面白かったです。 戦略的な小休止 作業と作業の間に休憩を挟むことで、生産性がアップするよう...

何もしない時間の重要性を再認識させてくれる本でした。 著者は例えを頻繁に使っていて、アメリカ特有の固有名詞などはググりながら読み進めました。 現代人が、たいして重要でない仕事に邁進してい...

SFCとは何か?

Vue.jsには、SFC(Single File Component)という用語があります。 この記事では、SFCとは何か?について解説していきます。 拡張子は「.vue」 SFCの拡張子は「.vue」です。 どうやって.vueファイルを機能させるか? これまで、CDNでvueのコアファイルを読み込んで、H...

Vue.jsには、SFC(Single File Component)という用語があります。 この記事では、SFCとは何か?について解説していきます。 拡張子は「.vue」 SFC...

Vue.jsのウォッチャについて学んでみた

vue.jsには、状態を監視する機能があります。 この記事では、ボタンを押すと3秒カウントして、アラートを出すプログラムを作成していきます。 こちらの「chapter8」を参考にしました。 参考書のVue.jsのバージョンは2.5ですが、今回は3系の書き方に変更しました。 今回作成したプログラム 最...

vue.jsには、状態を監視する機能があります。 この記事では、ボタンを押すと3秒カウントして、アラートを出すプログラムを作成していきます。 こちらの「chapter8」を参考にしました...

AmPm / Streets of Tokyo feat. Michael Kaneko

この曲は、資本主義社会に生きている私たちのジレンマについて歌っています。 資本主義社会では、実力のあるものが高い収入を得ることができます。 それは人々を奮い立たせます。その一方で、過剰な欲望へと駆り立てることもあるでしょう。 この曲の主人公は、日本で一番、資本主義が発達している「東京」で車を走らせながら、成功への決意を...

この曲は、資本主義社会に生きている私たちのジレンマについて歌っています。 資本主義社会では、実力のあるものが高い収入を得ることができます。 それは人々を奮い立たせます。その一方で、過剰な...

Vue.jsのコンポーネントについて学んでみた

vue.jsでは、コンポーネントとしてHTMLをまとめて部品化して、再利用することができます。 この記事では、vue.jsでコンポーネントを作る基礎について書いていきます。 こちらの「chapter12」を参考にしました。 コンポーネントを使用した結果 コンポーネントを使用すれば、以下のように、同じHTM...

vue.jsでは、コンポーネントとしてHTMLをまとめて部品化して、再利用することができます。 この記事では、vue.jsでコンポーネントを作る基礎について書いていきます。 こちらの「c...

引っ越しするタイミングで、ネット回線の切り替えを行います

私は現在SoftBank光を使用していますが、11月18日に引っ越しをするタイミングで、NURO光に切り替えようと思います。 NURO光に切り替えようと思った理由 NURO光は、以前YouTubeでマコさんがおすすめしていたのもあり、気になっているためです。 お申し込み特典 また、お申し込み特典があった...

私は現在SoftBank光を使用していますが、11月18日に引っ越しをするタイミングで、NURO光に切り替えようと思います。 NURO光に切り替えようと思った理由 NURO光は、以前Yo...

名古屋でダンボールを捨てる方法

私は愛知県名古屋市に住んでいます。 今月14日に引っ越しをするのですが、ベランダに置きっぱなしになっているダンボールを捨てたかったです。 その方法を調べたので、まとめていきます。 どこに捨てれば良いのか? 名古屋市のホームページには、以下のように書いてありました。 家庭から出る新聞(折込チラシ)・雑...

私は愛知県名古屋市に住んでいます。 今月14日に引っ越しをするのですが、ベランダに置きっぱなしになっているダンボールを捨てたかったです。 その方法を調べたので、まとめていきます。...

WordPressテーマを移行する際の手順と注意点

先ほど、クラウドワークスでこのような案件がありました。 https://crowdworks.jp/public/jobs/8422575 https://crowdworks.jp/public/jobs/8422575 WordPressのテーマを移行する際の手順と注意点について、調べたことも踏まえて書いて...

先ほど、クラウドワークスでこのような案件がありました。 https://crowdworks.jp/public/jobs/8422575 https://crowdworks....

Vue.jsをCDNでインストールして、動かしてみた

前回は公式サイトを使用してVue.jsの学習を進めました。 この記事では、Vue.jsをインストールして、Vue.jsのプログラムを動かしてみます。 こちらの参考書を使用しました。 Vue.jsのインストール 色んな方法がありますが、CDNを使用します。 CDNでインストール 一番手軽...

前回は公式サイトを使用してVue.jsの学習を進めました。 この記事では、Vue.jsをインストールして、Vue.jsのプログラムを動かしてみます。 こちらの参考書を使用しました...

サウナの効果

最近疲れが溜まっていたので、昨日サウナに行ってきました。 以下のような効果を実感しました。 寝つきが良くなる 頭がクリアーになる 姿勢が良くなる 今朝は5時くらいに自然に目が覚めて、気分爽快です。 寝つきが良くなる理由 主に以下の理由が挙げられます。 深部体温が冷えるため 頭で...

最近疲れが溜まっていたので、昨日サウナに行ってきました。 以下のような効果を実感しました。 寝つきが良くなる 頭がクリアーになる 姿勢が良くなる 今朝は5時くらいに...

今回の京都旅行でかかった費用

先日の土日に友達と1泊2日で京都旅行に行ってきました。 私たちは愛知県に住んでいます。 京都旅行をすると以下のようなお金がかかりました。 新幹線代 宿泊費 飲食代 拝観料 本記事ではその体験を踏まえて、1泊2日で京都旅行をするとどのくらいお金がかかるのかについて書いていきます。 総額 ...

先日の土日に友達と1泊2日で京都旅行に行ってきました。 私たちは愛知県に住んでいます。 京都旅行をすると以下のようなお金がかかりました。 新幹線代 宿泊費 飲食代 ...

【WordPress】日付一覧ページで年を指定する方法

日付一覧ページのテンプレートファイル「date.php」で、投稿した年を指定する方法について書いていきます。 記事の取得は、get_postsで行っています(WP_Queryを使うやり方もあります)。 URLに含まれる投稿年の数字を取得する まずは、get_query_varでURLに含まれる投稿年の数字を取得...

日付一覧ページのテンプレートファイル「date.php」で、投稿した年を指定する方法について書いていきます。 記事の取得は、get_postsで行っています(WP_Queryを使うやり...

【行きたい】京都のサウナについて調べてみた

京都に旅行に行くので、京都にあるサウナ施設について調べてみました。 その中から行ってみたいサウナを3つ紹介します。 また、おすすめのサウナ本も紹介します。 行ってみたいサウナ サウナ&カプセルホテル ルーマプラザ SPA&HOTEL水春 松井山手 INSPA京都 サウナ&カプセルホテル ルー...

京都に旅行に行くので、京都にあるサウナ施設について調べてみました。 その中から行ってみたいサウナを3つ紹介します。 また、おすすめのサウナ本も紹介します。 行ってみたいサウナ ...

【サンプルサイトあり】wp show postsを使ってみた

先ほどクラウドワークスでこのようなお仕事がありました。 私は「wp show posts」というプラグインを使ったことがなかったので、使ってみたいと思います。 wp show postsはどんなプラグイン? 記事一覧を作成できるプラグインです(プラグインのページはこちら)。 プラグインを有...

先ほどクラウドワークスでこのようなお仕事がありました。 私は「wp show posts」というプラグインを使ったことがなかったので、使ってみたいと思います。 wp sh...

Vue.js 学習 Part1

私はこれまで、WEB制作でjQueryを使用してきましたが、数年前からVue.jsという単語をよく耳にするので、Vue.jsについて学習していきます。 Vue.jsを使えるようにするために最初に行うこと https://ja.vuejs.org/guide/quick-start.html#cdn-の-vue-を使用する ...

私はこれまで、WEB制作でjQueryを使用してきましたが、数年前からVue.jsという単語をよく耳にするので、Vue.jsについて学習していきます。 Vue.jsを使えるようにするために最初...

【Google AdSense】要注意 – 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。

GoogleAdSenceの管理画面で、「要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」と警告が出ていました。 この記事では、ググりながら解決に向けて取り組んだ過程を書いていきます。 解決方法の概要 ググった結果、以下のことが分かりました。 ads.txt...

GoogleAdSenceの管理画面で、「要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。」と警告が出ていました。 この記事では、ググりなが...

レスポンシブコーディングではコンテナをしっかりと設定しよう

私はこれまでにWEBサイトのレスポンシブコーディングを行ってきました。 レスポンシブコーディングとは、スマホ・タブレット・ノートパソコン・大きい画面などの様々な画面幅に対応させるコーディング手法です。 レスポンシブコーディングを行う上で重要なことはいくつかありますが、この記事では、コンテナをしっかりと設定しましょうというお話...

私はこれまでにWEBサイトのレスポンシブコーディングを行ってきました。 レスポンシブコーディングとは、スマホ・タブレット・ノートパソコン・大きい画面などの様々な画面幅に対応させるコーディング手...

名古屋でPCR検査を無料で受けてきます

今週の土日に友達と京都へ旅行に行きます。 泊まるホテルが「きょうと魅力再発見旅プロジェクト」の対象で、このプロジェクトの参加条件に、PCR検査を受けることが含まれていました。 https://www.kyoto-tabipro.jp/02/ https://www.kyoto-tabipro.jp/02/ 私は、...

今週の土日に友達と京都へ旅行に行きます。 泊まるホテルが「きょうと魅力再発見旅プロジェクト」の対象で、このプロジェクトの参加条件に、PCR検査を受けることが含まれていました。 https...

無印の月額定額サービスでクレジットカードが有効期限切れになったので、対応しました。

私は、無印良品の月額定額サービスで「脚付きマットレス」を4年契約で借りています。 https://www.muji.com/jp/ja/store/monthly-plan カードの有効期限が切れた 毎月600円をエポスカードで支払っていましたが、2022年の10月でエポスカードの有効期限が切れてしまいました。 ...

私は、無印良品の月額定額サービスで「脚付きマットレス」を4年契約で借りています。 https://www.muji.com/jp/ja/store/monthly-plan カードの有効...

すべての記事はこちら

年月アーカイブ

  • 2024年3月 (19)
  • 2024年2月 (27)
  • 2024年1月 (35)
  • 2023年12月 (17)
  • 2023年11月 (24)
  • 2023年10月 (7)
  • 2023年9月 (24)
  • 2023年8月 (33)
  • 2023年7月 (12)
  • 2023年6月 (22)
  • 2023年5月 (5)
  • 2023年4月 (20)
  • 2023年3月 (6)
  • 2023年2月 (18)
  • 2023年1月 (25)
  • 2022年12月 (34)
  • 2022年11月 (42)
  • 2022年10月 (14)
  • 2022年9月 (11)
  • 2022年8月 (11)
  • 2022年7月 (7)
  • 2022年5月 (22)
  • 2022年4月 (19)
  • 2022年3月 (12)
  • タグ