自分が作りたいHPに必要言語な言語

Question

http://www.chantoya.com/
このようなHPを作りたい場合必要な言語をご教授頂けると幸いです。自分なりに調べたところ、HTML.CSS.JavaScript.jquery.bootstrap.php.wordpressが必要言語だと認識しているのですが、足りない言語があればご教授お願いします。

Comments

[miyabi_pudding]

知りたいことはなんですか？
足りないものがあるかどうかだけですか？
WordPressが使われているというのはどうしてわかったのでしょうか？

[-millmill-]

頑張れば HTML.CSS と ごく微量のjqueryで作れますよ
こういう質問をしている時点でどの言語も習得できていない気がするのですが
ご自身で挙げられた言語 + アルファを
短期間で簡単に習得できるとお考えですか?

[m.ts10806]

まずやってみては。
１つのゴールのためのルートは１つではないし、
挙げられた「言語」とされているものは「言語ではないもの」が混じっています。

[m.ts10806]

という観点で回答してみました。（過去の回答と重複する部分はリンクはってます）
必要なタグは「HTML」もそうですけど「Webサイト」でしょうね。
５つまでつけられるので、要件にあわせて追加してください。

Answer 1

「このようなものを作りたい」という相談（質問ではない）はよくあるのですけど、likeであってequalではないです。

「実際に自分が作るもの」の要件をもっと細かく決めておく必要はあるでしょう。でないと使う道具は決まりません。
そのあたりはいろんなところで同じ回答してるので、読んでもらうとして。

「Webサイト」であれば「必須」なのはあまりないです。
確実に必要なのは「Webブラウザから確認される」ということで「HTML」
レイアウトで「CSS」

まぁ、これくらいでしょう。
JavaScriptは要件次第。アニメーションならCSSで出来ることも多いですし、
目が動くドラえもんだってCSSでできるので、「何をどこで任せるのか」を考えることです。
ただそれも、サイト（アプリケーション）要件がすべて確定してから考えることです。

「気になるサイトがどういう風に作られているか知りたい」ならそのサイトを解析してみれば見えてくることは多いです。
競合サイトのCSSとJavaScriptを丸裸にする方法

基本は以上です。

jquery.bootstrap.php.wordpress

jQuery：JavaScriptで組まれたライブラリなので使わなくてもできる
Bootstrap：CSSとJavaScriptで構成されたフレームワークなので、使わなくてもできる。レスポンシブ含めた対応が必要かどうか。あと今はjQuery必須（次のメジャーバージョンアップで不要になっている）
PHP：サーバーサイドの言語。DB接続や動的処理が必要かどうか。全て静的で作るなら不要
WordPress：PHPで作られたCMS。コンテンツをどう管理したいか次第。これも静的サイトにするなら不要

つまり「どうやって」はまだ考える段階ではないと言えます。
技術検証をするのでしたら色々試すのは良いことかと思いますが、
要件定義も具体的でない段階では、どういう技術が必要か決まりません。
「このサイトにはどういう技術が使われているか」を考えるより
「自分が作ろうとしているものにはどういう技術が必要か」という観点で考えた方が良いと思います。

Comments

[kyoya0819]

「目が動くドラえもん」で思い出しました。

https://codepen.io/boltkeep/pen/wvMqjJL

[m.ts10806]

今っぽくて躍動感もありますね
技術の進歩はスゴい

Answer 2

まずは、
WordPressは言語ではありませんので、ご注意を。
（厳密に言えば、CSSもそうだが）
CMSと呼ばれる、コンテンツを管理しやすくするシステム、ソフトウェアです。
そして、参考サイトではおそらく、
十中八九WordPressは使われてないと思われます。
また、CMSの類も使われていないでしょう。
全て手で作られている可能性が非常に高いです。
つまり、サーバーサイド言語（PHPとか）も使用されていないかと思われます。
（フロントフレームワークさえも使われていない可能性が高い）

よって、このサイトを模写するのに必要な言語（技術）は、
HTML、CSS、JavaScript、jquery、bootstrap
でいいかと思います。

追記

上記五つの技術は、あくまで、参考サイトで使われているので列挙しただけであって、
基本は、HTML、CSS、JavaScriptですので、
模写をしていく、のであれば、必ずしも、jQueryとBootstrapを使う必要はありません。
むしろ、それら二つは基本ができていないと、
使いこなせるものではないので、
まずは、基本の、HTML、CSS、JavaScriptを
学習していくべきでしょう。

Comments

[m.ts10806]

果たしてjQueryとBootstrapは「必要」と言えるだろうか…
結局ちゃんとhtml,css,JavaScriptが組めるという前提は必須だから「何も手がつけられないまま何が使われてるか考えるのは早くない？」でもいいと思いました。

[miyabi_pudding]

確かに。
多分そこの方が大事です。
BootstrapとjQueryより先に、間違いなくHTML、CSS、JavaScriptです。

単純に、質問の要件が、
「参考サイトのようなものを作るには？」であり、
参考サイトで、
jQueryと、Bootstrapが使われていたので、機械的な回答でした　汗

[miyabi_pudding]

その旨追記していきました。
確かに、ライブラリ先に使うと、jQueryはまだいいかもですが、Bootstrapだと基本をすっ飛ばしそうですね　汗
失礼しました。

[m.ts10806]

Bootstrapもお作法にのっとればそれなりのものができるので、基礎も何もないかなと思います。

※えらそうに言っておいて私はそのあたりフレームワークにまかせてるのでflexほとんど自分で組めません

[miyabi_pudding]

わかります。
flexは便利なんだけど、いろいろ機能複雑に組める分、フレームワークとか使わないと、使いこなせない気がします　笑

個人的にはどうにも、Bootstrapって、使わないスタイルがどうしても大量に入ってしまうイメージでして、いまだに敬遠しちゃってます。
（最適化する手法はあるとは思いますが）
時代的には覚えていかないとなーとは思ってますが　汗

[m.ts10806]

>Bootstrapって
そうそう。あと「結局みんなそれっぽくなる」のが嫌で、指定なければ個人的に好みなMaterialize採用するようになりました。
でも、現場ではみなさんBootstrapがお好きのようで。