f@ctor

JavaScript関連のことを調べてみた

JavaScript関連のことを調べてみた
目次

不倫発覚Next.jsと君たちはどう生きるか？-Reactコンポーネントの中にSQL書いてるのなぁぜなぁぜ-

# 本記事の対象者
– フロントエンジニア
– [React|Next.js]チョットデキル(App Router経験者お断り)
– 最近のNext.jsの動向に不穏なものを感じているが、具体的にはよく分かっていない
– 実装方法、ハウツー的な話はしません。[公式読んでください。](https://nextjs.org/learn)
– 動作原理的な話はしません。[公式読んでください。](https://nextjs.org/docs/app)

# 発端

あなたはReact使いのフロントエンジニアです。
伴侶であるNext.jsと蜜月の日々を過ごしていました。
しかしある日、あなたは[Next.js Conf 2023](https://www.youtube.com/watch?v=9CN9RCzznZc&list=PLBnKlKpPeagl57K9bCw_IXShWQXePnXjY&index=2)でとんでもないものを見つけてしまいました。

![Screenshot 2023-12-20 at 16.17.22.png](ht

元記事を表示

【JavaScript】カレンダーをtemplateタグでつくってみた

このたび **templateタグを使って** カレンダーを作成してみました。
「カレンダー作成　js」と検索してもあまり出てこないやり方ですが、いくつかのメリットがあったので紹介します。

## templateタグを使うメリット
templateタグには次のようなメリットがあります。

:::note
js側でタグを文字列から生成せずに済む
:::
:::note
同じ構造のHTMLを使い回せる
:::

💁‍♀️ < 詳しく説明します ### ① js側でタグを文字列から生成せずに済む 例えば、DOM要素をつくるためのコードを以下のように書くとします。 ```js let calendarHtml = document.querySelector('#calendarHtml'); // DOMを作成したい位置 calendarHtml.innerHTML = ' 新しいDOM

‘;
“`
このようにタグ記法の文字列を直接入力する場合、少しハードコーディング気味になってしまいます。また、条件を付け足したい時、文字列結合だとDOM操作ができないのでやや不便

元記事を表示

初学者がJavascriptと戦う

# はじめに
プログラミングの勉強を始めて半年ほど。
これまではRubyやJavaなど、バックエンド側の基礎を一通り舐めた感じの学習をしてきました。
フロントの知識も一通り触れておくため、Javascriptについて、学習を進める。

# Javascriptってなんぞ？
フロントエンド側の言語の1つ。Javaとは全くの別物。
よく「HTML/CSS/Javascript」と一緒に語られることが多い。
動きやロジックを組むことができる。

個人的にバックエンドはデータベースが絡むイメージ。
フロントエンドはデータベースが絡まないロジックイメージ。

# Javascriptだけではサイトは作れない
勉強し始める前は、1つの言語で1つのサービスが出来上がっていると勝手に思っていたがそうではない。
HTMLやCSSやJavascript、その他いろいろな言語がそれぞれ絡み合って、1つのサービスやサイトの作成が行われる。

# JavascriptとHTML
HTMLに対してJavascriptを効かせるためには2つの方法がある。
* `