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

Vite + Vueでビルドしたが真っ白

## 概要
この記事では、Vite + Vueでビルドしたのに、index.htmlを見るとページが真っ白の場合の解決策の一つをご紹介します。

## 問題

`npm run build`でビルドして、index.htmlを「Go　Live」などで確認してみると、中身が真っ白になっていた。

## 解決策

コンソールログなどで確認してみると、jsやcssなどが見つからないというようなエラーが出ている可能性が大きい。その場合、jsなどのリソースのディレクトリを正しく参照できていないのが原因である。

その場合、ディレクトリの場所をviteに明示してあげる必要がある。私の場合はビルド先を`docs`ディレクトリにしていたので、それに準じた設定をする。
Go Lineなど、ローカルで確認したい場合は、`vite.config.ts`以下の設定を追記する。
“`ts
export default defineConfig({
base: ‘/docs’,
plugins: [
vue(),
],
// …その他記述
build: {
outDir:

160行で作るシンプルプログラミング言語

## 概要

シンプルかつ基本機能を備えたプログラミング言語を作ってみたい。

https://htsnul.github.io/seqalt/

で触ることができる。

https://github.com/htsnul/seqalt/blob/main/seqalt.js

がメイン実装。

Hello Worldは、

“`
@print(“Hello World!”);
“`

となる。

簡単な計算は、

“`
@print((5 + 6) – (1 + 2) + (3 * 4));
“`

出力：

“`
21
“`

とできる。

フィボナッチの計算は、

“`
“fib” = ((“val”) => {
(val < 2) ? { val } : { (@fib(val - 1)) + (@fib(val - 2)) } }); @print(@fib(7)); @print(@fib(8)); @print(@fib(9)); @print(@fib(10)); ``` 出力： ``` 13 21 34 55 ```

手続き型から関数型への書き換え 言語別ガイド

# はじめに

この記事では、手続き型プログラミングと関数型プログラミングの違いを明らかにし、複数の言語を通じて、同じ問題を解決するための両アプローチを示します。

# 手続き型と関数型の基本的な違い

手続き型プログラミングと関数型プログラミングは、コードの書き方とプログラムの設計において根本的に異なるアプローチを取ります。これら二つのスタイルの基本的な違いを理解することは、プログラミングの柔軟性を高め、より効果的なコードを書く上で重要です。

## 手続き型プログラミング

手続き型プログラミングは、命令の列としてプログラムを考えます。このアプローチでは、データ構造を操作するために一連の手続き（関数やサブルーチン）を作成し、プログラムの状態を変更するためにこれらの手続きを実行します。手続き型プログラミングの特徴は、プログラムがどのように実行されるか（アルゴリズムと手順）に焦点を当てている点にあります。C 言語や Java（オブジェクト指向の側面を除く）などが、このパラダイムの典型的な例です。

## 関数型プログラミング

関数型プログラミングは、計算を数学的関数の評価として扱い、

GWT は日本語の文字も、サーバクライアント通信も簡単

# GWTは、いちいち日本語を通信する際の文字処理もそのままでできますよ

【Vue.js】inputタグで選択した画像を表示する

こんな感じで選択した画像が表示されます。

[Vue Playground](https://play.vuejs.org/) で試してみてください。


“`vue