JavaScriptでの質問

フォーラム(掲示板)ルール
フォーラム(掲示板)ルールはこちら  ※コードを貼り付ける場合は [code][/code] で囲って下さい。詳しくはこちら
dic
記事: 655
登録日時: 13年前
住所: 宮崎県
連絡を取る:

JavaScriptでの質問

#1

投稿記事 by dic » 6ヶ月前

1.JavaScriptでの質問ですが、JavaScriptは主にどういった分野、方向で使われるのでしょうか?
基本はおさえたのですが、実際の利用しているケースまでは分からないので、質問しました。

PHPならDataBaseを主に扱いますが、JavaScriptでは、現場ではどのような処理が必要とされているのでしょうか?
ググってもなかなかでてこないのです。

2.enchant.js を使って、簡単なシューティングを作ろうと考えています。
JavaScriptのフレームワークは多くて、これをさわっておくといいとかありますか?
事情があってすぐには就職活動できませんが、時間があるときにやっておきたいのです。

アバター
あたっしゅ
記事: 663
登録日時: 13年前
住所: 東京23区
連絡を取る:

Re: JavaScriptでの質問

#2

投稿記事 by あたっしゅ » 6ヶ月前

[香車]東上☆あらし☆海美「
とりあえず、レス。

> 1.JavaScriptでの質問ですが、JavaScriptは主にどういった分野、方向で使われるのでしょうか?

今の世代の使い方としては Google Map 等みみ。『Ajax』(エージャックス)で検索すると、いいみみ。

VTuber:
東上☆海美☆(とうじょう・うみみ)
http://atassyu.php.xdomain.jp/vtuber/index.html
レスがついていないものを優先して、レスするみみ。時々、見当外れなレスしみみ。

中の人:
手提鞄あたッしュ、[MrAtassyu] 手提鞄屋魚有店
http://ameblo.jp/mratassyu/
Pixiv: 666303
Windows, Mac, Linux, Haiku, Raspbery Pi, Jetson Nano, 電子ブロック 持ち。

dic
記事: 655
登録日時: 13年前
住所: 宮崎県
連絡を取る:

Re: JavaScriptでの質問

#3

投稿記事 by dic » 6ヶ月前

>>あたっしゅさん
Ajax は、なかなか個人サイトでは使用する機会がないかもしれませんね。
必要か?と言われると、難しいところなので、また別の機会に勉強します。

>>調べたこと
Vue React あたりが、需要があるようなので、そこらへんを
見ていきたいと思います。
どんなサイトが作れるのかわかりませんが。

ああっ!小遣いがなくなる(´;ω;`)ウゥゥ

YuO
記事: 947
登録日時: 13年前
住所: 東京都世田谷区

Re: JavaScriptでの質問

#4

投稿記事 by YuO » 6ヶ月前

今どきのWebサイト作成は何らかのフロントエンドフレームワークを使うのが普通です。
一般的にはReactVueですね。
フロントエンドフレームワークは、基本的にJavaScriptで出来ています。

さらに、SPA (Single Page Application) と呼ばれる、index.htmlだけあって他は全てJavaScriptでHTMLを生成するようなこともよく行われています。
MPA (Multi Page Application) でも、特定ディレクトリ以下はSPAのように動作する、というのもありますね。
GitHubなんかはそのような、MPAとSPAの中間のような動作をします。Frameworkはわかりませんでした。
他のサイトだと、MDNはReactを、GitLabはVueを、それぞれ使っています。

いまのところ、私がやっている開発案件はVue + TypeScriptですね。
ちょっとVue 2.0 + @vue/composition-apiという時代遅れ環境もあったりしますが。
► スポイラーを表示
で、フロントエンドフレームワークを使うと何が嬉しいかというと、役割分担の分離です。
使わなくてもできますが、使った方が圧倒的に楽ができます。

バックエンドはREST APIを取り扱うのが役割になります。
残りはフロントエンドになるのですが、フロントエンドは基本的にルーティング、API呼び出し、表示と入力の取り扱いが役割になります。
まぁ、フロントエンドが頑張っちゃってもよいのですが……。

データの取得がAPIアクセスになるということは、同じようなページであれば部分書き換えでよくなります。
たとえば、この掲示板のトップページにトピックリストがありますが、次のページへ遷移する場合、SPAでは「次のページのデータをAPI経由で取得して、トピック一覧部分とURLを書き換える」ことで対処します。

コード:

// Vue.js前提
const atClick = async (page: number) : void => {
    const fetched : Topic[] = await fetch(`/forum/3/topics?from=${page * 100}`); // ページデータをAPI経由で取得
    topics.value = fetched; // データを書き換える
    // 本来ならば、Vue-Routerで次ページへの遷移をpushして、props.pageをwatchして上記コードを実行するようにするところですが。
}
こうすると、PHPで1から表示するよりも表示がだいぶはやくなり、ユーザー体験が良くなります。

Vueに慣れると、PHPですべてを表示、が面倒になるんですよね……。


なお、enchant.js最後にリポジトリへpushされたCommitのCommit日付が7年前(2016-01-04)であり、事実上開発が終了しているプロジェクトです。
現在では標準的な、npmやTypeScriptの支援を受けられるという点でも、Phaserなどの生きているライブラリを使った方がよいかもしれません。

dic
記事: 655
登録日時: 13年前
住所: 宮崎県
連絡を取る:

Re: JavaScriptでの質問

#5

投稿記事 by dic » 6ヶ月前

>>YuOさん
貴重な情報ありがとうございます。
Vueで開発されてるんですね、ボチボチ頑張ってください。

Enchant.js は古いようですね(;^ω^)
Enchant.js の本があったので安心してました。2018年出版でしたけど。
最新の本を読みたいんですけど、評価がどうしても少なくなって
情報があまり手に入らないジレンマにおちいってます。
買っちゃえばいいんですけど、そろそろ私の本棚も
置くスペースがなくなってきてて、厳選しないとなと思ってます。

返信

“C言語何でも質問掲示板” へ戻る