これまでに書いた記事

これまでにプログラミングや旅行についてなど、数多くの記事を書いてきました。

Your Tears Are Mine

ONE OK ROCKの「Your Tears Are Mine」は、落ち込んだ時に聞くとかなり励まされる曲です。 Youtube音源 歌詞 1番 It’s been a ride fighting thro …

情報セキュリティ

いちばんやさしい 基本情報技術者 で、4/16に受験予定の基本情報技術者試験の対策を行なっています。 この記事では、情報セキュリティについて学んだことを書いていきます。 情報セキュリティの脅威 ランサムウェア 端末等に保 …

TOEIC L&A テスト200%活用模試を購入して、1回目の模試を受けてみた結果

3/19にTOIEC試験を申し込んだので、三省堂書店でTOIECの参考書を見て回っていたところ、 TOEIC L&Rテスト200%活用模試という本があって、前書きに書いてあることがいいと思ったので、買ってみました …

データ構造について学びました

プロになるJavaという参考書の第8章の「データ構造」について学びました。 学んだ内容は、リスト・配列・レコード・辞書などです。 JShellを使用して1行1行確認しながら進めました。 JShellは便利ですね。 リスト …

2021年の夏、鳥取砂丘に行ってきました

鳥取砂丘にずっと行きたいと思っていて、2021年の夏に行ってきました。 約一年半前の出来事ですが、写真を整理していて、鳥取砂丘の写真がいくつか出てきたので、記事に残しておこうと思います。 撮影した写真 砂の山に登ることが …

条件分岐を学びました

プロになるJavaの第7章で条件分岐を学びました。 Javaの条件分岐は他のプログラミング言語(RubyやJavaScriptなど)と同じような感じでした。 論理型、if文を学びました。 論理型 JShell上で実際に試 …

徳島にある鳴門大橋に行ってみたいがお金を使いたくないので記事を書いていきます

以前から行きたいと思っていた渦潮で有名な鳴門大橋。 行ってみたいのですが、この前青春18きっぷで関東や関西に行ったばかりなので、支出を増やしたくありません(青春18きっぷの記事一覧)。 なので、記事を書いて満足することに …

SwingによるGUIを学びました

プロになるJavaという参考書の第6章を進めました。 Swing, GUIとは Swingは、JavaでGUIを提供してくれるライブラリです。 用語 説明 GUI Graphical User Interfaceの略で、 …

上着を洗うことについて

シャツや下着は洗濯機で洗うことが出来ます(シャツの場合はネットに入れます)。 コートなどの上着はどうやって洗えばいいのでしょうか? 以前、店員さんに聞いたら「洗わなくていいですよ〜。汚れがついたら払えば問題ないです!」と …

尾張一宮の図書館で、今読みたい本を3つピックアップしてみた

愛知県一宮市にある図書館に行き、今読みたい本を3つピックアップしてみたので、雑記ブログを書いていきます。 ネバーランド タイトルに興味があります。ネバーは日本語訳すると決して〜ないという意味です。どんな物語なのでしょうか …

朝、駅に着いた時刻を記録していきます。- 6日目以降 –

はじめに 私はこれまで「フリーランス」として出社することなく、目覚ましをかけずに朝を過ごしてきました。 しかし、2月1日から「会社員」として、30分くらいかけて出勤します。 そのため、まだ入社まで時間があるうちに早起きの …

標準APIについて学びました

プロになるJavaという本でJavaの学習を進めています。 前回は、メソッド・変数・型などの学習を行いました。 今回は、標準APIについて学習していき、学習ブログを書いていきます。 標準APIとは APIとは、Appli …

朝、駅に着いた時刻を記録していきます。- 5日目 –

はじめに 私はこれまで「フリーランス」として出社することなく、目覚ましをかけずに朝を過ごしてきました。 しかし、2月1日から「会社員」として、30分くらいかけて出勤します。 そのため、まだ入社まで時間があるうちに早起きの …

朝、駅に着いた時刻を記録していきます。- 4日目 –

はじめに 私はこれまで「フリーランス」として出社することなく、目覚ましをかけずに朝を過ごしてきました。 しかし、2月1日から「会社員」として、30分くらいかけて出勤します。 そのため、まだ入社まで時間があるうちに早起きの …

システムの問題地図を読んでみた

愛知県一宮市にある図書館で「システムの問題地図」という本を読んでみたので、簡単な感想を共有します。 どんな本か システムを作る人、頼む人、使う人それぞれの立場に立った問題解決方法を提示しています。 システムの問題 世の中 …

メソッド・変数・型などを学習しました

プロになるJavaという本でJavaの学習を進めています。 前回は、「jshell」というJavaのプログラムを一行づつ実行して動作を確認できるツールで値の計算などを試してみました。 今回は、メソッド・変数・型などを学習 …

「Kiss Me」Nai Br.XX(ナイ・ブリックス)/ Celeina Ann(セレイナ・アン)

「Kiss Me」という曲が素晴らしかったので、雑記ブログを書いていきます。 YouTube動画はこちら 素晴らしいと感じたところ 歌が上手いです。聴いていると前向きな気分になれます。 ここまで上手く歌えたらいいですね。 …

2023年1月9日の歩数

13,484歩でした。 これまでの歩数 日にち 歩数 2023/1/8 18,225歩 コラム 1日8,000歩が理想とされているようです(参考サイトはこちら)。 ただし、厚生労働省が2015年に発表した「国民健康・栄養 …

jshellで値の計算などを試してみた

プロになるJavaという本でJavaの学習を進めています。 前回は、「IntelliJ IDEA」というJavaのIDE(Integrated Development Environment: 統合開発環境)を使用してみ …

朝、駅に着いた時刻を記録していきます。- 3日目 –

はじめに 私はこれまで「フリーランス」として出社することなく、目覚ましをかけずに朝を過ごしてきました。 しかし、2月1日から「会社員」として、50分くらいかけて出勤します。 そのため、まだ入社まで時間があるうちに早起きの …

2023年1月8日の歩数

18,225歩でした。 コラム 2020年に発表された最新の研究によると、一日7,500歩以上、1万2,000歩までは、歩数が多ければ多いほど死亡率が低いという結果になりました。 1万2,000歩を超えると、健康のメリッ …

どうする家康 第1回 「どうする桶狭間」を見ました

私が住んでいる愛知県一宮市に近いところの大河ドラマなので毎週見て、歴史の勉強をして、実際に訪れたりしたいと思いました。 第1回目のテーマは、桶狭間の戦いです。 演者 主役の徳川家康は松潤が演じます。 松平元康とは誰?と思 …

天空のスタバで、抹茶玄米茶もちフラペチーノを飲んできました。

以前、友達からLINEで就職祝いのギフトを貰ったので、それを使おうと思いました。 友達がLINEで就職祝いをくれました。 ありがたいですね。スタバはよく利用するので、嬉しいです。 今度自分も他の人に何かめでたい事があった …

朝、駅に着いた時刻を記録していきます。- 2日目 –

はじめに 私はこれまで「フリーランス」として出社することなく、目覚ましをかけずに朝を過ごしてきました。 しかし、2月1日から「会社員」として、50分くらいかけて出勤します。 そのため、まだ入社まで時間があるうちに早起きの …

IntelliJ IDEAを使ってみた

プロになるJavaという本でJavaの学習を進めています。 前回は、本についての内容などを書きました。 今回は、Javaの開発環境であるIntelliJ IDEAを使ってみたというテーマで学習ブログを書いていきます。 I …

朝、駅に着いた時刻を記録していきます。- 1日目 –

はじめに 私はこれまで「フリーランス」として出社することなく、目覚ましをかけずに朝を過ごしてきました。 しかし、2月1日から「会社員」として、50分くらいかけて出勤します。 そのため、まだ入社まで時間があるうちに早起きの …

FRIDA SUNDEMO / WE ARE DREAMERS

スウェーデンのミュージシャンの「FRIDA SUNDEMO」さんの「WE ARE DREAMERS」という曲について書きます。 高音が聞いていて気持ちいい 彼女は、地声が高いのですが、この曲のサビ部分の2回目の「We a …

プロになるJavaを進めていきます。

本日書店でこちらの本を購入しました。 2月1日の入社日までに時間があるので、こちらの本で一通り学習したいと思います。 この本について Amazonの商品ページには、以下のように書いてありました。 実際にJavaがどのよう …

コスパの良いスーツを探しに行きました

2023/1/6 7:45 今日は、スーツを買いに行った方がいい。「コスパのいいスーツ」みたいなタイトルで、雑記ブログ(https://t.co/UZyAFsMWxx)を書こう。ネクタイや靴、コート、Yシャツなどを考える …

ITパスポートについて

2019年に入社した会社の面接担当者の方に、「ITパスポートを持っておくといいですよ」と言われたことがあります。 少し勉強したものの、当時はいまいちメリットが感じられずに、受験することなく終わってしまいました。 今年の2 …

AmPm / プリズム feat. みゆな

私の好きな曲「プリズム」について書いていきます。 どんな曲か みゆなさんの優しい声に心が救われるような曲です。 みゆな みゆなさんは、2002年生まれ、宮崎県在住のシンガーです。映画やアニメの主題歌も担当したことがありま …

Progateで、Javaのオブジェクト指向の基礎を学びました

「Java 道場レッスン II」レッスンを修了しました! https://t.co/BKPiCOtEnF #Progate — Shibata Hiroki (@2021_shibata) January 3, 2023 …

筋トレをして体重を増やす

今年の元旦に以下のような目標を立てました(参考記事はこちら)。 この記事では、体重を毎日記録していきます(1月1日は上着などを着た状態で体重計に乗ってしまったため、1月2日から開始します)。 日付 体重 2023/1/2 …

レスポンシブなクリッカブルマップを作成してみました

先ほどクラウドワークスで以下のような仕事がありました。 この仕事をこなすには、レスポンシブな日本地図を作成する必要があるので、そのやり方を調べて実際に試してみました。 以前、日本地図にリンクを設定する方法という記事を作成 …

2022年の振り返りと2023年の目標

2022年が終わり、2023年がスタートしました。この記事では、2022年の振り返りと2023年の目標について書いていきます。 私は現在29歳で、今年の7月に30歳になります。 2022年の振り返り 2022年は、住む場 …

イオンモール名古屋ノリタケガーデン ツアー

イオンモール名古屋ノリタケガーデンは、2021年の秋に開業したイオンモールです。 私は、何度か訪れたことがあり、今回ツアーをしてみようと思いました。ある程度どこにどんなお店が入っているのか把握しているので、そのような立場 …

33の悩みと答えの深い森

愛知県一宮市の図書館で「33の悩みと答えの深い森」という本を流し読みしました。 仕事が来ないという悩みを抱えているフリーランスのデザイナー フリーランスのデザイナーが「仕事が来ない」という悩みを抱えていて、それに対して元 …

【Vue.js】現在の残高が分かる機能

前回、Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 今回、現在の残高を登録して、支出を記録するごとに残高が減っていき、現在の残高が分かる機能を追加しました …

フリーランスWEB制作、駆け出しのときに作成した模写サイトを公開します。

私は、2019年末にプログラミングスクールTECH::EXPERTを経験した後、2020年5月ごろ2つの模写コーディングを行いました。 そのサイトを公開したいと思います。 MUJI HOTEL GINZA ユーザー名 パ …

【Vue.js】今日の支出合計が分かるアプリ

Vue.jsで、支出を記録して「記録」ボタンを押すと、今日の支出合計が自動計算されるアプリを作成してみました。 See the Pen Vue3 支出管理アプリ by Shibata Hiroki (@khiro-eng …

愛知県一宮市のLITTLE MARMAIDでホットコーヒーを飲みました
たいていのことは20時間で取得できる

愛知県一宮市にある図書館で、「たいていのことは20時間で取得できる」という本を読みました。 読書メモ 大抵のことは上達するまで面白くない。 デバックがソフトウェアのバグを取り除くプロセスなら、プログラミングはきっとそれを …

承久の乱と愛知県一宮市にある真清田神社との関係

尾張一宮駅に以下の展示がしてありました。 私のメモ 展示を見て、私がスマホにメモしたものを共有します。 私のメモの検証 私のメモを検証していきます。 承久の乱は、朝廷と幕府軍の政権争い Wikipediaに書いてあったこ …

青春18きっぷ5分の5(関西へ向かう)

この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の5回目の様子をお届けします。 1回目はこちら、2回目はこちら、3回目はこちら、4回目はこちらです。 第0章: 尾張一宮駅~名古屋 …

図書館で「習慣化大全」という本を読みました

愛知県一宮市のJR尾張一宮駅にある図書館で、「習慣化大全」という本を読みました。 読書メモ 飽きたら刺激と変化をつけるそうすると続けることが出来る 事実は変えられないが解釈は変えられる 人生を幸せに生きるためには、感情の …

愛知県で雪が降りました

私は愛知県一宮市に住んでいるのですが、こんなに雪が降ったのは久しぶりです。 自宅付近 自宅付近の未開拓の雪道 雪に埋もれた車 JR尾張一宮駅 尾張一宮の温度計(1℃)。氷点下近くになるとあまり寒さを感じなくなります。 尾 …

図書館で「働き方の哲学」を読んだ感想

今日の午前中に、愛知県一宮市の一宮駅にある図書館で「働き方の哲学」という本を読んできました。 その感想を書いていきます。 読書メモ 読書しながらスマホのメモに書いていった内容を公開します。 この本の目的=おおらかな観を醸 …

Vue.jsでマークダウンエディターを作ってみた

この本を参考にして、Vue.jsでMarkdownを作ってみました。 準備 色々と準備をしていきます。 HTMLの雛形を作成する まずは、VScodeの省略記法で、「!」と入力してHTMLの基本的な形を作成します。 作成 …

青春18きっぷ 5分の4

青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の4回目の様子をお届けします。 1回目はこちら、2回目 …

青春18きっぷ 5分の3 関東エリアに進出

青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の3回目の様子をお届けします。 1回目はこちら、2回目 …

青春18きっぷ 5分の2

青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の2回目の様子をお届けします。 1回目はこちらです。 …

青春18きっぷ 5分の1

青春18きっぷは、期間内で5回使用でき、12,050円で購入できる切符です。 この切符を購入して、普段住んでいる愛知県一宮市から旅に出てみました。 本記事では、5回中の1回目の様子をお届けします。 目次 尾張一宮駅~名古 …

東山スカイタワーに登ってきました。

以前書いた「ツインアーチ138に行ってきた」という記事で、全国のタワー比較がされていて、その中に「東山スカイタワー」があったので、登ってみました。 目次 アクセス まずは、名古屋駅から地下鉄東山線で星ヶ丘駅まで行きます。 …

【Java】「オブジェクト指向」の具体例

オブジェクト指向とは、ざっくりと言うと、ものを渡すようにしてプログラミングの処理を行なっていくことです。 この記事では具体的なコードを見せながらJavaのオブジェクト指向について書いていきます。 目次 今回作成したもの …

「世の中にはどんなシステムがあるのか」を調べてみた

私は現在、システムエンジニアなどの転職活動を進めています。 業務系システムなどは実際に入社してからでないと分からない部分も多いかと思いますが、「世の中にはどんなシステムがあるのか」について調べられる範囲で調べてみました。 …

無印で売っていて、つい撮影してしまった商品

スマホの写真に、「以前無印に行ったときに、つい撮影してしまった商品」があったので、記事にまとめていきたいと思います。 目次 アイロン用具 コンパクトにたためる「アイロンマット」と、コンパクトな「衣類ハンディスチーマー」で …

Hello Javaができました。

前回、Hello Javaが上手くいかなかったのですが、今回うまくいきました。 目次 Hello Javaのために行ったこと JDKのインストール stackover flowの回答欄にあった「brew install …

Javaの開発環境を整えようとしました。

最近転職活動をしていて「Java」の求人が多いので、学習を始めたいと思います。 JavaはProgateで基礎的な文法などについて学習したことがありました。 自身のローカル環境で開発環境を整えたことが無かったので、やって …

2022年12月11日のエクササイズ

ウォーキング 開始時間 終了時間 所要時間 距離 10:57 11:27 30分 2.23km サイクリング 開始時間 終了時間 所要時間 距離 17:02 17:44 42分 8.58km

ツインアーチ138に行ってきた

愛知県一宮市に転入したときに、ウェルカムチケットをもらったので、ツインアーチ138に行ってきました。 ウェルカムチケットとは? 愛知県一宮市の転入手続きをするともらえました。 ツインアーチ138以外にも以下のような無料券 …

googleスプレッドシートで、初歩的なスクレイピングを試してみた

スクレイピングとは、WEBサイトの情報を引っ張ってくることです。 googleスプレッドシートの「IMPORTXML関数」を使えば、スクレイピングができるみたいなので、やってみました。 今回スクレイピングする情報 私の個 …

面接でよく聞かれる質問とその回答

私は現在転職活動中です。 面接でよく聞かれる質問と私の回答について書いていきます。 自己紹介をお願いします。 本日は貴重なお時間をいただきありがとうございます。 私は柴田浩貴と申します。 大学卒業後ホテルの受付を経験し、 …

ふるさと納税について

「ふるさと納税」について書いていきます。 ふるさと納税とは 納税者が好きな自治体に寄付をすると、納税者と自治体それぞれにメリットがある制度です。 納税者側のメリット 自治体側のメリット お得にふるさと納税を行うための手順 …

Storybookを試してみた

Storybookは、UIコンポーネントのカタログです。 Storybookの存在は以下の本を読んだ時に知りました。 Storybookのインストール WordPressでStorybookを使おうとしたところ、おそらく …

Wonder / ONE OK ROCK

ONE OK ROCKの「Wonder」について書いていきます。 YouTube ライブ映像とOffitial Audioを紹介します。 ライブ映像 Offitial Audio どんな曲か? 落ち込んでる時に、「素晴ら …

vue.jsでカレンダー入力を実現した

クラウドワークスで、お問い合わせフォームの日付入力をプルダウン形式からカレンダー入力形式に変更して欲しいというご相談を受けました。 学習ブログを書いていきます。 今回の要件 引越し予定日の年・月・日をカレンダーから選択で …

GitHub Actionsを使用して、自作WordPressテーマを編集した後に自動デプロイを行いました

GitHub Actionsを使用して、本サイトのWordPressテーマを編集した後に、GitHubのmasterブランチにプッシュをすると、エックスサーバーに自動でデプロイされるようにしました。 その過程を記事にまと …

Azureとは?

求人の必須スキルに「Azure」という単語が含まれていることが多いので、調べてみました。 一言で言うと マイクロソフトのクラウドコンピューティングサービスです。 読み方 アジュールです。 公式サイトに書いてあったこと T …

CI / CDとは?

求人の必須スキルに、CI / CDツールと書かれていたので、今回「CI / CDとは?」という記事を書きました。 何の略称? CI / CDとセットで耳にすることが多い単語ですが、それぞれ何の略称なのでしょうか? CI …

Vue.jsとjQueryの違い

Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です。 シンプルな例 例えば、入力した文字がすぐ下に追加されるというシンプルな例を見てい …

vercelを使用してNext.jsをデプロイする

こちらの記事でNext.jsをセットアップして、ローカル環境で起動しました。 今回は、Vercelを使用してデプロイを行なっていきます。 しまぶーさんが出してくれていた動画を参考にします。 デプロイするサイト ローカル環 …

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

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

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

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

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

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

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

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

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

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

HARBSに行ってみた

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

Djangoとは?

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

2022年11月25日

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

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

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

2022年11月23日

今日やったこと 今後のビジョン ブログとTwitterは毎日最低1つアップして、文章力を磨いていきたい。 起床→水を飲む→メモ書き→シャワー→TODOリストをメモに書く→外出という流れを続けていきたい。 転職の前に、WE …

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

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

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

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

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

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

2022年11月21日

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

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

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

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

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

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

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

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

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

2022年11月18日

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

「サントリー 酸化防止剤無添加のおいしいワイン。 濃い赤」を飲んでみた
vuetifyについて

vuetifyについて調べてみました。 vuetifyとは? Vue.jsのUIフレームワークです。 始め方 公式ドキュメントの流れに沿って、進めていきました。 vuetifyのインストール を入力すると、以下のようにな …

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

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

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

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

npmとは?

JavaScriptのフロントエンド開発でよく聞くnpmとは何でしょうか? 調べたことをまとめてみました。 何の略称? です。 ただし、googleの検索結果には、「実際にはバクロニムです」とありました。 バクロニムとは …

WHITE SPACE ホワイトスペース

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

SFCとは何か?

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

「ホテル・アンドルームス名古屋栄」で、アイスコーヒーを頼んでみた

名古屋にお越しの際に、ぜひお立ち寄りください。 久屋大通公園の近くにあるホテルの1階にカフェがあります。 アクセス

「エチゴビール のんびりふんわり白ビール」を飲んでみた
Vue.jsのウォッチャについて学んでみた

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

AmPm / Streets of Tokyo feat. Michael Kaneko

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

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

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

セブンの「アイスコーヒー Lサイズ」を飲んでみた

ぜひ、お近くのセブンイレブンでお買い求めください。 アイスコーヒーを購入する場合は、「アイスコーヒー用の氷が入ったプラスチック容器」が売っているので、それをレジまで持っていきましょう。 「購入後に、機械まで自分でコーヒー …

サントリー レモンハイトリス 飲んでみた
引っ越しするタイミングで、ネット回線の切り替えを行います

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

スタバで「ドリップコーヒー Tallサイズ」を 飲んでみた
焼酎ハイボール レモン 辛口チューハイ 飲んでみた
名古屋でダンボールを捨てる方法

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

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

先ほど、クラウドワークスでこのような案件がありました。 WordPressのテーマを移行する際の手順と注意点について、調べたことも踏まえて書いていきます。 手順 いつでも戻せるように既存テーマのバックアップを取っておく …

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

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

サウナの効果

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

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

先日の土日に友達と1泊2日で京都旅行に行ってきました。 私たちは愛知県に住んでいます。 京都旅行をすると以下のようなお金がかかりました。 本記事ではその体験を踏まえて、1泊2日で京都旅行をするとどのくらいお金がかかるのか …

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

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

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

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

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

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

Vue.js 学習 Part1

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

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

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

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

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

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

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

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

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

ブログで5億円稼いだ方法を読んでみた感想

以前から表紙を見て気になっていた「ブログで5億円稼いだ方法」を一通り読んでみたので、感想を共有します。 著者の経歴(自分にも真似できそう) 著者は高校を卒業してからブログを書き始め、3年間収益0でした。 しかし、4年目に …

WP-PageNaviのページネーションが表示されない原因と解決方法について書きます

先ほど当サイトにページネーションを付けたいと思い、WordPressのプラグイン「WP-PageNavi」をインストールして、ページネーションを表示させたい場所に以下の記述を追加しましたが、表示されませんでした。 しかし …

単身引越しのおすすめ業者を紹介します

私は29歳男性で現在(2022年10月30日)一人暮らしをしていますが、11月18日までに引っ越しをする予定があります。 なので、実体験を踏まえた記事を書けると思いました。 この記事では、3つの引越し業者に見積もりを取っ …

ブログで収益化する方法について調べてみた

私はこのサイトでブログ記事を書いていますが、世の中にはブログで稼いでいる人もいるようなので、その方法について調べてみたことを書いていきます。 広告収益(アフィリエイト)が一般的かと思いますので、その具体的な方法について調 …

Vue.jsエンジニアの求人情報と報酬を調べてみた

私はこれまでにWEBエンジニアとして、以下のような仕事を経験しました。 エージェントを通した派遣社員としてのWordPress記事コンテンツ作成業務→ 週3、1日6時間で月10万円ほど 地元名古屋のWEB制作会社からの案 …

請負契約について

先日、このようなTweetをしました。 フリーランスにとって、契約は何かと重要になってくる場面が多いです(トラブルが発生した時など) 先ほど、請負契約についてGoogle検索していたら、このようなサイトを発見しました こ …

Toffy ホームブレンダー(ミキサー)で、さつまいものジンジャー豆乳スムージーを作りました。

2年くらい前からずっと使っている「Toffy ホームブレンダー」で、さつまいものジンジャー豆乳スムージーを作りました。 はちみつの甘味と、豆乳とさつまいものコクが絶妙にマッチしていて、とても美味しかったです。 ホームブレ …

親テーマの内容を子テーマに移行した

先日、フリーランス仲間のデザイナーさんから「WordPressの親テーマに書いてある内容を子テーマに移行して欲しい」というご依頼を受けました。 予算は、6,600円(税込)でその日のうちに対応させていただきました。 素敵 …

フリーランスの私が毎月支払っているコスト

私はWEB制作のフリーランスとして普段活動しています。 先ほど第三期の市民税・県民税の支払いをコンビニで済ませてきました。(19,000円) 他にも毎月支払っているコストがあるので、共有します。 フリーランスを考えている …

Illustratorから画像を書き出す方法

先日行ったLPのコーディングで、Illustratorのデザインからコーディングを行いました。 これまではadobeXDからコーディングすることが多かったので、Illustratorから画像を書き出すときに少し苦戦しまし …

所要時間を見積もる方法

私は普段WEB制作のフリーランスエンジニアとして案件を受注しています。 所要時間を見積もるにはどうすればいいのか?について書いていきます。 依頼が来たら 依頼が来たらまず初めに行うことは、対応可能かどうか判断することです …

金銭面でフリーランスのデメリットとメリットを考えてみた

私は2020年からWEBサイトのコーディングなどを行うエンジニアとして、フリーランスをはじめました。 現在まで、いくつかの案件に関わってきて納品を行い収入を得てきました。 その中で感じたフリーランスとして収入を得ていく上 …

フリーランスの見積もり方法について

私はこれまで、WEB制作のエンジニアとして制作会社の担当者の方から案件を受注してきました。 見積書作成で毎回かなり悩んでいるので、「なぜ悩んでいるのか?」そして、最終的にどのように決めているのかについて書いていきます。 …

WordPressの関数get_posts() で指定したカテゴリーの記事情報を出力する方法

WPの出力記事を絞り込む方法は、WP_Queryとget_posts()があります。 この記事ではget_posts()で絞り込む方法を紹介します。 全体の流れ 指定したいカテゴリーのIDを調べる カテゴリースラッグを取 …

7つの習慣

7つの習慣という自己啓発本があります。(有名なので知っている人が多いはず) 昨年の6月に一読してかなり影響を受けたので、7つそれぞれについて書いていきます。 7つの習慣はこちら 主体的である 第一の習慣は、主体的であると …

札幌円山にある暮らすように旅するホテル LESTEL MARU(レステル マル)

2022年9月25日と26日に、札幌円山にある暮らすように旅するホテル LESTEL MARU(レステル マル)に宿泊したので、このホテルについて書いていきます。 外観 エントランス エントランスにはロゴがありました。 …

旅行前に必ず準備しておいたほうがいいこと

先日北海道に旅行に行った際に準備不足でかなり焦りました。 その経験を踏まえて記事を書いていこうと思います。 今回焦ったこと 切符を買うための現金がないことに気づく 朝7時のフライトに向けて始発の5:23の空港行きの電車に …

主要なブラウザについて調べてみた

本記事では、多くの人が利用している以下のブラウザについて調べたことを簡単に書いていきます。 ちなみに普段私は、MacBookではChrome、iPhoneではSafariを使用しています。 Chrome ChromeはG …

ONE OK ROCK Instrumental + Neon Houston 2022/09/20

ワンオクが現在行っている「LUXURY DISEASE TOUR NORTH AMERICA 2022」の映像がYouTubeに公開されていたので、紹介します。 ONE OK ROCK Instrumental + Ne …

reCAPTCHA V3をMW WP Formに導入しました

先日地元のWEB制作会社の担当者の方から迷惑メール対策のために既存のフォームをmw formで作り替えて、reCAPTCHA V3を設定して欲しいというご依頼を受けました。 用語説明 MW WP Formとは MW WP …

Mrs. GREEN APPLE「ダンスホール」

Mrs. GREEN APPLEの「ダンスホール」という曲がとても良かったのでブログを書いていこうと思います。 Mrs. GREEN APPLE「ダンスホール」の動画 まずはこちらの動画をご覧ください。 ダンスホールを聴 …

タブ切り替えなどを実現するJavaScript

当サイトのトップブログセクションのタグをクリックするとそのタグの記事のみが表示されます(本記事執筆時点) 例えば技術ブログの「#HTML/CSS」をクリックすると、HTML/CSSというタグを持つ記事のみが表示されます。 …

トップページのフォーム部分にエラーメッセージが表示されている問題を解決した

いつもお世話になっている地元名古屋のWEB制作会社の担当者の方から、WordPressのサイトのトップページのフォームにエラーメッセージが出ているので解決してほしいというご依頼を、chatworkで受けました。 発生して …

display: grid; の基礎

私はこれまでdisplay: flexを使用してレイアウトを整えてきましたが、最近display: gridを使用する機会がありました。 スマホで親要素に以下のようなCSSを書き、 以下のようなレイアウトを実現したわけで …

Let Me Let You Go / ONE OK ROCK

先日(8/30)にONE OK ROCKが「Let Me Let You Go」という新曲をリリースしたので、それについて書いていきます。 Let Me Let You Goの動画 まずはこちらの動画をご覧ください。 ど …

有料老人ホームのサイトにコンテンツを追加しました

地元名古屋のWEB制作会社で以前からお世話になっている担当者の方からchatworkで「有料老人ホームのサイトのコンテンツ追加のコーディングを行ってほしい」というご依頼を受けました。 コーディング内容 すでに稼働している …

AmPm / Amsterdam Maybe feat. SHIMA 

先日(8/26)にAmPmが「Amsterdam Maybe」という新曲をリリースしたので、それについて書いていきます。 Amsterdam Maybeの動画 まずはこちらの動画をご覧ください。 どんな曲か? さまよって …

contact-form7の申し込みフォームで表にチェックボックスを追加する方法

先日、contact-form7の申し込みフォームで、表の中にチェックボックスを追加したいがやり方が分からないから困っているというご相談を受けました。 実際にWordPressにログインして1時間弱調べたのですが、やり方 …

contact-form7の申し込みフォームで表にチェックボックスを追加する方法 サンプルサイト
自己紹介

この記事では私の自己紹介をしていきたいと思います。 基本情報 柴田浩貴です。29歳です。愛知県名古屋市に住んでいます。 プログラミングを始めたきっかけ 26歳くらいの頃、図書館にあった本でProgateの代表(自分より若 …

BasisPoint 名古屋店

2022年8月からBasisPointというコワーキングスペースのmorningプランを利用しているので、基本情報や感想などを書いていきたいと思います。 私は愛知県名古屋市に住んでいます。 場所や料金プランなどの基本的な …

日本地図にリンクを設定する方法

HTML Imagemap Generatorというツールを使用して日本地図にリンクを設定する方法を紹介します。 私が住んでいる地域が東海エリアなので、東海3県の地図を使用していきます。 ※このイラストは、こちらのフリー …

横スクロールできるコンテンツの作成方法

先日、本サイトのトップページのブログコンテンツを横スクロールできるようにしました。 本記事では、横スクロールできるコンテンツの作成方法を紹介します。 検証してみると googleの検証ツール(デベロッパーツール)を使用し …

スクロールを促すアニメーション

こちらのサイトを参考にスクロールを促すアニメーションをトップページに実装したので、それについて書いていきます。 追加した後のイメージ このように下スクロールを促すマークが追加されました。 トップページで確認できます。 追 …

ドメイン移管後のメールフォームプロCGIの不具合を解消した

先日、地元のWEB制作会社さんから依頼されたサイトの最適化を行った際に、ドメイン変更して以前のドメインから最新のドメインにリダイレクトをかけました。 それで納品したところ、先方からフォームが送信できなくなっているという連 …

これまでに行った名古屋のサウナ施設を紹介します

今月からサウナに行き始めました。 以前からマコなり社長がサウナについて語っていた(参考記事: https://ki-hi-ro.com/ki-hi-ro.com-2022/mako-syatyo-hotel-top5/) …

ECサイトのトップにカテゴリーから選択できるコンテンツを追加した

地元のWeb制作会社の担当者の方から、chatworkで相談を受けて、ECサイトのトップページにカテゴリーから選択できるコンテンツを作成しました。 私が担当したのは、コーディングです。デザインデータは、担当者の方からいた …

CPT UIのカスタム投稿タイプの設定項目

先日、カスタム投稿タイプのURL構造を変更するのに苦戦しました。 なんとか当初の問題は解決しましたが、やりたかったことは、カスタムタクソノミー名をカスタム投稿タイプのURLに追加するということです。 カスタム投稿タイプは …

悪いストレスを発生させないための方法

ストレスには、良いストレスと悪いストレスがあります。 良いストレスは、適度な緊張感をもたらし、やる気を高めてくれます。 一方悪いストレスは、やる気を削いでしまいます。 本記事では、そんなストレスについて調べたり考えたりし …

【スパム対策】フォームで日本語以外の入力制限を行う

使用しているフォームはWordPressのContact form7です。 以下2点に関して書いていきます。 functions.phpに記述する内容 これで、都道府県の欄に日本語以外を入力した場合に「日本語で入力してく …

既存買取サイトにLINE査定の撮影のポイントを追加した

既存の買取サイトに「LINE査定の撮影のポイント」というコンテンツを追加するためのコーディングを行いました。 使用しているCMSはWordPressでした。 Photoshopのデザインデータから、画像などの情報を取得し …

古いサイトをgoogle検索結果に表示されないように

先日クライアントさんが保有しているサイトの中でしばらく使っていないサイトがありgoogleの検索結果から削除して欲しいというご依頼がありました。ご要望としては、アドレスバーに打ち込んだ時は表示されるが、検索結果では表示さ …

FutureShopの固定ページのコーディングを行った(2回)

先日地元のWEB制作会社さんからFutureShopの新規ページ作成のコーディングをご依頼いただけました。AdobeXDのデザインデータがすでにあり、それを元に構築していくという内容でした。先月と今月の2回続けて対応しま …

YouTubeのポップアップモーダルを作成する方法

現在取り組んでいるLPコーディングで、YouTubeをポップアップモーダルで表示するという仕様を実現したので、それについて書いていきます。 「modaal」というモーダルウインドウのプラグインを使用しました。 デモサイト …

Easy Table of Contentsでスクロールの高さを調整するには?

先ほど、ブログページの目次をクリックした時に、ヘッダーの高さを考慮してスクロールの高さを調整しました。 どうやって調整したのかについて書いていきます。 目次には、WordPressのプラグイン「Easy Table of …

背景のアニメーション

背景のアニメーションをいくつか作成してみました。 「動くWebデザイン」を参考にしました。 star 星のアニメーションです。サンプルサイトはこちら confetti 紙吹雪のアニメーションです。サンプルサイトはこちら …

仕事は楽しいかね?

ずっと前からタイトルを見て気になっていた本でした。サンタクロースのおじさんの表紙の本です。 私はたまに気分転換にセントレア空港までいきながら、途中の本屋で買った本を読んでいます。 今回は「仕事は楽しいかね?」を読みました …

AmPm / On The Black and White feat. Doul

先日、AppleMusicでAmPmの曲の中で、聴いたことのない曲を聴いていたときに、On The Black and White という曲がとても印象的でした。 YouTube動画は、歌詞付きPVとリミックスバージョン …

SWOT分析をしてみた

SWOT分析とは、強みと弱み、機会と脅威を分析するマーケティングフレームワークです。 私は普段、フリーランスのWEB制作のエンジニアとして活動しています。 今後の方向性を決めるために、SWOT分析をしたいと思います。 S …

Sassでブレイクポイントを指定する方法

SassはCSSを効率的に書くことのできる言語です。 ブレイクポイントとは、レスポンシブなサイトをコーディングする際に、どの画面幅でCSSを切り替えるのかを指定する値です。 本記事では、Sassでブレイクポイントを指定す …

AmPm / more feat. DedachiKenta & FUNTYME

ますはこちらをご覧ください この曲が伝えるメッセージ 「周りと馴染めなくて、人生が辛いと感じることもあるかもしれないが、他の誰かになる必要はなく、あなたは素晴らしい」ということを歌った曲です。 この曲を聴くと、自分自身を …

twigの文法

私は普段、EC-CUBEというオープンソースのECシステムで作成されたサイトの改修を行なっています。 EC-CUBEでは、twigというPHPのテンプレートエンジンが使用されています。 拡張子は、.twigです。 そんな …

TypeScript 学習 part10

こちらの本でTypeScriptの学習を進めています。 前回は、本書のchapter3が完成しましたので、今回は、chapter4の「ブラウザで動くアプリケーションを作ってみよう」に入っていきました。 コミット履歴はこち …

BEMについて

BEMは、クラス名をどのように付けていったらいいのかについての考え方です。 BEMの前に、HTMLとCSSについて書いていきます。 HTMLとCSSについて WEBサイトのデザインは、HTMLとCSSによって成り立ってい …

無印と他社製品との違い

無印良品に行くと、食品・家電・日用品など様々な商品を目にする。 これらの商品は、他のお店でも売られているものだ。 そこで、無印とそれ以外で、同じ種類の商品を比較してみたいと思った。 カレー ここで紹介するカレーは、レトル …

TypeScript 学習 part9

こちらの本でTypeScriptの学習を進めています。 前回は、ユーザーがゲームを選択できるようにしました。今回は、その続きです。 コミット履歴はこちら 行ったこと ゲーム終了後にゲームを変更できるようにした ゲーム終了 …

XDデザインデータからの1ページ静的サイトコーディング

クラウドワークスで応募して1ページ静的サイトのコーディングを任せていただけました。 AdobeXDのデザインデータからで、レスポンシブ対応で構築しました。 画像はWebp対応を行いました。 公開サイト こちらが公開された …

キャッシュについて

キャッシュは、ブラウザがCSSや画像などのデータを一時的に保存しておく仕組みです。 キャッシュが残っていると、CSSや画像を変更しても、「以前のデータが残っていて、変更が反映されない」といったことが起こります。 ブラウザ …

名鉄にある無印(MUJI)のコワーキングスペースについて書きます。

名鉄メンズ館8階の無印良品にコワーキングスペースがあるので、レビューしたいと思います。 基本情報 使用可能時間は、10:00〜20:00です。(名鉄の開館時間と同じ) 席は、8席です。 使用料は、無料です。 景色 目の前 …

デザインカンプ固有のフォントをCSSで再現する方法

先日LPコーディングを行った際に、XDのデザインデータで指定されていたフォントを完全に再現することが出来なかったので、CSSでデザインのフォントを再現するにはどうすればいいのかについて書いていきます。 今回再現できなかっ …

愛・地球博記念公園

愛・地球博記念公園に行ってきたので、ブログを書いていきます。 ちょうど、万博が開催されていたときに小学校の遠足で行きました。それ以来となります。 経路(電車) 以下の経路を使用しました。料金は、片道670円でした。 「意 …

LPコーディングで使用した「jQuery」

先日、クラウドワークスの「XDデータからのLPコーディング案件」に応募したところ、ありがたいことに、ご依頼いただけました。 納品完了したので、今回使用した技術について書いていきます。長くなりそうなので、今回は、jQuer …

毎日を楽しめる人の考え方

「人生は楽しむためにある」というのが、この本の著者 樺沢さんの主張です。私もその意見に完全に同意します。 楽しい1日が毎日続けば、”1ヶ月楽しかった” と感じる。1年続けば、”今年も楽 …

HTML / CSSで実現可能なこと

おはようございます。フリーランスWeb制作エンジニアの柴田浩貴です。今回は、「HTML / CSSで実現可能なこと」というテーマで記事を書いていきます。 画面を構築することができる【HTML / CSS】 HTMLは、マ …

Shopifyとは?実際に試してみた

数年前からよく耳にする「Shopify」についてまとめてみたいと思いました。(※音楽ストリーミングサービスのSpotifyではありません。) 実際にアカウントを作成して、14日間無料トライアルしてみて分かったことをまとめ …

TypeScript 学習 part8

こちらの本でTypeScriptの学習を進めています。 前回は、ユーザーが想定外の難易度を入力した時の対処を行いました。今回は、その続きです。 コミット履歴はこちら 行ったこと ユーザーがゲームを選択できるようにしました …

記事内リンクを別タブで開くようにする方法

以前クラウドワークスで、記事内のリンクを別タブに開くようにして欲しいというご依頼があり、応募したところ、ありがたいことに仕事を任せていただきました。 本記事では、今回実装した内容について書いていきます。 function …

SHARE LOUNGE 名鉄名古屋店

昨年(2021年12月)に名古屋にオープンしたSHARE LOUNGEについて書きます。 私は、プレミアム会員として約2ヶ月間利用してきました。 利用するメリット 本読み放題 併設の書店(TSUTAYA BOOKSTOR …

TypeScript 学習 part7

こちらの本でTypeScriptの学習を進めています。 前回は、ユーザーがゲームの難易度を選択できるようにしました。今回は、その続きです。 コミット履歴はこちら 行ったこと ユーザーが想定外の難易度を入力した時の対処 ゲ …

TypeScript 学習 part6

こちらの本でTypeScriptの学習を進めています。 前回は、Hit&Blowにバリデーションを追加しました。今回は、その続きです。 コミット履歴はこちら 行ったこと never型 getAnswerLengt …

TypeScript 学習 part5

こちらの本でTypeScriptの学習を進めています。 前回は、Hit&Blowが一通り完成しました。今回は、その続きです。 コミット履歴はこちら 行ったこと 前回の不具合修正 前回、ゲーム実行時にendメソッド …

デザインカンプを作ってみます

これまでに、WEBデザインを作成する機会があまりなかったので、WEBデザインもやってみようと思いました。 そこで、こちらの参考サイト(PLANT)をXDで再現してみます。 PLANTとは ” PLANTは、ブ …

Life is / AmPm feat.Hiro-A-Key

私のApple Music 2022年度ランキング 1位にランクインしている「Life is(feat.Hiro-A-Key)」について解説します。 YouTube動画 どんなメッセージが込められた曲か? 人生とは?とい …

TypeScript 学習 part4

こちらの本でTypeScriptの学習を進めています。 前回は、「Chapter3 Node.jsで動くアプリケーションを作ってみよう」に入りました。今回は、その続きです。 コミット履歴はこちら 完成したゲーム 今回作成 …

ARASHI Anniversary

現在上映中の「ARASHI Anniversary」を観てきたので、それについて書いていきます。 内容 2019年に行われた東京ドームのライブを最初から最後まで観ることができました。 ライブ会場にいるかのように音が響き渡 …

レスポンシブコーディングのコツ3選

こんばんは。今回は、HTML / CSSを使用したコーディングでレスポンシブ(スマホ・タブレット対応)なコーディングを実現するためのコツを3つに絞って書いていきます。 ※レスポンシブについての最新記事(2022年11月3 …

TypeScript 学習 part3

こちらの本でTypeScriptの学習を進めています。 前回は、「Chapter2 基本的な文法」を学習しました。今回は、Hit & Blowというゲームを作成するという内容のChapter3に入っていきます。 …

売れる商品画像の作り方

先日、有り難いことに商品画像を作成する機会を頂けたので、売れる商品画像の作り方についてググりました。その中で得られた情報をまとめてアウトプットしていきます。 実物を手に取れない代わりに ECサイトでは実店舗のように実物に …

TypeScriptとJavaScriprの挙動の違いなど

前回の記事でTypeScriptを学び始めました。今回はその続きをやっていきます。 TypeScriptとJavaScriprの挙動の違い 以下のコードは、数値の配列に対して、文字列に使用するtoUpperCase()を …

人生で一度は泊まるべき旅館・ホテルTOP5

マコなり社長のこちらの動画が面白かったので、共有します。 どこが面白かったのか 動画の中で「ドーミイン」が紹介されていたのですが、絶対に行ってはいけない理由が5つくらいあり、その内容が面白かったです。 ドーミインは最高の …

ラーメン海鳴

JRゲートタワー(名古屋市の超高層ビル) 12階にある「ラーメン海鳴」でラーメンを食べてきました。 メニュー メインメニュー 魚介とんこつラーメン 明太クリームつけ麺(名古屋限定) ラーメン辛子明太子 ラーメンジェノバ …

TypeScriptを学んでいきます

最近、Workshipからの求人メールでTypeScriptの文字をよく見かけるので、学んでみたいと思います。 こちらの書籍を購入しました。 早速、本日学んだことをアウトプットしていきます。 学んだこと 学んだことを書い …

メルカリ封筒に入りきらない書籍を梱包するには

私は長らくメルカリにお世話になっております。アカウントはこちら 先ほど「SQL入門教室」を発送しようとした時に、メルカリ封筒に入らず、試行錯誤したので、最終的にどのような形で発送したのかについて書いていきます。 メルカリ …

Cafe&Meal MUJI

先ほど名鉄メンズ館6階にあるCafe&Meal MUJIに行ってきたので、記事を書いていきます。 注文したメニュー 3品セット(アジフライ・卵焼き・キャベツ) 900円を注文しました。ご飯は炊き込みを選択しました …

MySQLについて

先日、EC-CUBE3で新しいページを作成しようとしたときに上手くいかなかったので、色々とググっていたところ、下記のようなページにたどり着きました。https://umebius.com/eccube/新規ページでヘッダ …

2022 桜 名古屋

名古屋駅周辺で桜が満開だったので、写真を撮ってきました。 名古屋駅前 大名古屋ビルヂング スカイガーデン 愛知県図書館 名古屋城 名古屋城は非常に多くの人で賑わっていました。自転車で行くと満員で駐輪させてもらえませんでし …

GitHubでファイルを管理する

GitHubは、複数人でファイルを管理するのに便利なサービスです。 本記事では、ローカル環境で作成したプロジェクトフォルダをGitHub上で管理できるようにするための流れを解説します。 すでにGitHubにリポジトリが作 …

ECサイトを分析しました

長崎県にある陶器屋さんaiyu(アイユー)のECサイトが、情報量が多いにも関わらずきれいにまとまっていたので、分析したいと思います。 PCヘッダーは、メガメニュー パソコンで、マウスホバー時に大きなメニューが表示される仕 …

E-A-Tについて

E-A-Tとは、SEOで重要なExpertise(専門性が高い)・Authoritativeness(権威性がある)・Trustworthiness(信頼できる)の英語の頭文字をとった言葉です。 実際に私が担当したWEB …

カスタムフィールドの出力方法

カスタムフィールドを使用すれば、投稿時に決まったフォーマットで入力ができます。また、出力の見た目が柔軟に調整できます。 本記事では、WordPressのプラグイン「Smart Custom Fields」で作成した繰り返 …

WordPressで出力する記事を指定する方法

ブログシステムのWordPressでは、出力する記事を指定することができます。 今回は、customというカスタム投稿タイプの記事を、記事数の指定無しで、投稿日の降順に出力させる場合のPHPの記述方法について書いていきま …

デザイン4原則

ノンデザイナーズブックで学んだ「デザイン4原則」について、実際のサイトを例に挙げながら解説していきます。 デザイン4原則とは、以下です。 近接 関連している要素同士は近くに置くことで、関連性を示すことができます。 例えば …

マーケティング部署での半年間のWPコーディング業務

2021年8月のお盆明けから2022年の2月末まで、ブランド品などの出張買取を行うお店の開店前のコラム記事作成のWPコーディングを行いました。 案件は、クリエイティブ職専門のエージェントのAQUENTを通して6月ごろにお …

Bootstrapテーマを使った管理画面のコーディング

クラウドワークスの以下の募集に応募したことがきっかけでお仕事をいただきました。 【継続】Bootstrapテーマを使った管理画面のコーディング 業務内容 Bootstrapのテーマ「keen」をカスタマイズした営業管理ツ …

Adobe XDのデザインデータからのフロントエンドコーディング

クラウドワークスの募集に応募して、「完成イメージが膨らんだ」とのことでご依頼いただきました。 【グラフ表示・デザインデータあり(Adobe XD)】2ページ + グラフ表示機能のコーディングお願いします! 担当箇所 フロ …

エージェントAQUENTでの約1ヶ月のコーディング業務

2020年2月のイベント参加をきっかけに、 人材エージェンシーAQUENTの担当の方から、Webサイトのリニューアル案件のお話をいただきました。 業務内容 3月末までの勤務で、 を経験しました。 認識した課題と対策 この …

TECH::EXPERT(現TECH CAMP)での70日間のWebアプリケーション開発

2019年の10月ごろ〜2019年末にかけての70日間、 日本最大級のプログラミングスクールであるTECH::EXPERTに通っていました。 通おうと思った理由 時間と人間関係の自由があるフリーランスという働き方に興味が …

ページ
最上部へ

目次へ