JavaScriptについての記事

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

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

.wp-block-tabletd{ text-align:left; } この本を参考にして、Vue.jsでMarkdownを作ってみま...

Vue.jsとjQueryの違い

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

Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です...

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

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

こちらの記事でNext.jsをセットアップして、ローカル環境で起動しました。 今回は、Vercelを使用してデプロイを行なっていきます。 ...

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

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

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

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

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

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

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

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

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

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

当サイトのトップブログセクションのタグをクリックするとそのタグの記事のみが表示されます(本記事執筆時点) 例えば技術ブログの「#HTML/CSS」をクリックすると、HTML/CSSというタグを持つ記事のみが表示されます。 こんな感じで何かの要素をクリックしたときに、対象の要素の表示・非表示が切り替わる仕組みをJava...

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

ランダムに表示される記事

情動感染にはご注意を

他人のネガティブな言動が自分にも移ってしまうことを「情動感染」と呼ぶ。 風邪と一緒でネガティブは移されてしまうことがあるので注意が必要だ。 人による もちろん自分の意志を強く持ち、他人のネガティブなオーラに侵食されない人もいるだろう。 学校や職場でグループの中心的な存在になっているようなタイプに多い。 残念...

他人のネガティブな言動が自分にも移ってしまうことを「情動感染」と呼ぶ。 風邪と一緒でネガティブは移されてしまうことがあるので注意が必要だ。 ...

愛知県一宮市の一宮駅付近にある樹木

私は愛知県一宮市に住んでいて、JR尾張一宮駅と名鉄一宮駅が一体となった施設をよく利用します。 また、私は2017年に東京農業大学地域環境科学部造園科学科を卒業しており、葉っぱを見れば大体の樹木が分かります。 この記事では一宮駅付近の樹木について紹介していきます。 アガパンサス 紫と白の...

私は愛知県一宮市に住んでいて、JR尾張一宮駅と名鉄一宮駅が一体となった施設をよく利用します。 また、私は2017年に東京農業大学地域環境科学部...

Excelで増減に対応したリストからデータの入力規則を作成する方法

Excelにはデータの入力規則という機能があります。 あらかじめリストを作っておくことで、プルダウンで入力できるデータを指定することができます。 このデータの入力規則で、プルダウンで選択できるリストをセルに一覧で作成したときに、 項目の増減に対応するにはどうすればいいのでしょうか? この記事では、データの...

Excelにはデータの入力規則という機能があります。 あらかじめリストを作っておくことで、プルダウンで入力できるデータを指定することができます...

すべての記事はこちら

年月アーカイブ

  • 2023年12月 (1)
  • 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月 (23)
  • 2022年4月 (19)
  • 2022年3月 (12)
  • タグ