プログラミングの勉強をしたいと考えています。
以下のようなウェブサイトを作ることを目標として、勉強したいなと思っています。
みんなのシネマレビュー
http://www.jtnews.jp/
最初は、ここまで大掛かりなサイトは無理だと思うのですが、まずは、このサイトを作るのに何が必要でどんな勉強が必要なのかを知りたいと思っています。
そこで、質問なのですが、技術的に必要なものとしては、(1)HTML(CSS含む)、(2)DB、(3)HTMLとDBの連携のプログラミング言語という理解で良いでしょうか?
その場合、一般的にどのようなソフトウェアを利用しているのでしょうか?
また、これらの技術を学習する場合に、効率の良い学習方法、おススメのウェブサイトや書籍についても教えて頂けると助かります。
質問ばかりで申し訳ありませんが、経験者の方のアドバイスをお聞きして、方向性を定めたいと思っています。
よろしければ、アドバイスをよろしくお願いします。
No.3ベストアンサー
- 回答日時:
>>1です。
そういえばソフトウェアを紹介しておりませんでした。
私はFlashDevelopと言うオープンソースの
テキストエディタを使用しております。
http://flashdevelop.jp/%E3%83%A1%E3%82%A4%E3%83% …
HTMLやFlash用の言語をはじめとする、WEBサイト作成に
用いる言語のうち9種類の言語を用いて作るのための
入力補助機能がついています。
標準で日本語化できます。
http://flashdevelop.jp/%E6%97%A5%E6%9C%AC%E8%AA% …
ソフトウェアも紹介して頂いたのですね!
ありがとうございます。
早速、インストールしてみました。
今、リファレンスを見て、勉強中です。
頑張って、皆さんに負い付きたいなと思っています。
ご回答ありがとうございました。
No.5
- 回答日時:
http://sns.fc2.com/ja/public/content/function/
無料の SNS を利用しても同じようなことはできます
会員制の レビューサイト というものはできます
http://www.openpne.jp/ss/
OpenPNE を利用しても コミュニティサイトは作れます
http://www.yumemaboroshi.net/cate42/
また レビューのCGIやPHPをレンタルすることもできます
自分でイチから作るのも一つですが
希望のもの 似たサービスが無いか探してみる
あるものは利用して 組み合わせて サイトを作る
という方法もあります
勉強が目的でしょうか
サイトを作るのが目的でしょうか
サイトなら なるべく短期間で少ない作業で作る方法も考えてみてください
既に出来上がったサービスがあるんですね!
皆さん、一から作っているものだと思っていました。。
勉強目的が一番というのもありますが、人様の真似をするのが一番の勉強方法だと思いますので、そういった意味からも、既にあるサービスを調べてみたいなと思います。
ご紹介ありがとうございました。
No.4
- 回答日時:
PHP,Perl,Ruby,ASP.NET(VB,C#),JSP(Java)
好きな言語で開発すればいい。
>上記で抜けてるのがPHPなどの構築用の言語かな? 最近はPHPなどを使わずにフレーム・ワークとしてSymfonyなどもあるので、その辺もフォローすると良いと思います。
SymfonyはPHPのフレームワーク。だからSymfonyを使うって事はPHPを使っていることになる。
言語というのは、たくさんあるんですね・・。
一番とっつきやすいものからチャレンジしようかと思います。
ご回答ありがとうございました。
No.2
- 回答日時:
>そこで、質問なのですが、技術的に必要なものとしては、
>(1)HTML(CSS含む)、(2)DB、(3)HTMLとDBの連携のプログラミング言語という理解で良いでしょうか?
進歩の早い分野なので常に新技術を逃さずにということが重要と思いますが、上記で抜けてるのがPHPなどの構築用の言語かな? 最近はPHPなどを使わずにフレーム・ワークとしてSymfonyなどもあるので、その辺もフォローすると良いと思います。
ご回答ありがとうございます。
色々勉強しなければいけなそうですね。。
でも、高みを目指して、地道に勉強してみます。
ご回答ありがとうございました。
No.1
- 回答日時:
HTML言語の勉強は必須です。
CSSも必須です。
Javascriptも組めないまでも既製品を使うことはできる程度に
勉強なされると良いと思います。
CGIについては、ログインを必要とされなければ、
上記のサイトの例で行くと取り立てて必要ない気がします。
http://www.htmq.com/
まずは上記WEBサイト等で勉強し、実際にWEBサイトを自力で
作ってみることからはじめてはいかがでしょうか?
参考資料はWEBサイトだけでいけると思います。
書籍は書籍で問題もあり、今後HTML5と言う新しいスタイルが
勧告される見通しです。
今から覚えるのであれば、HTML4.01よりかもHTML5を覚えられたほうが
良いかと思います。
HTML関連としてもう一つ言えば、FLASHを勉強することにより、
より動的なWEBサイト構築が可能となります。
ただFLASHについては必須ではありません。
FLASHを使わなくてもJavascriptでどうにかなってしまう場面も多いです。
まずは、他人の作ったサイトを参考に、なぜこのような記述をしているのか?
などと独学で勉強されてみてはいかがでしょうか?
以下に基礎を記述します。
<html>
<body>
Hello World!
</body>
</html>
上記の5行をメモ帳に貼り付け、名前を保存するときに
index.htmlとして、文字コードをUTF-8で保存してみてください。
インターネットのようなアイコンに変われば成功です。
index.htmlを開くと、5行ではなく1行として表示されていると思います。
ここでそれぞれの内容について説明します。
<html>これは、ここからHTML文書ですよと言う案内です。
おまじないみたいなものと思ってください。
<body>これはボディ、つまりここから本文ですよと言う意味です。
</body>これは、<body>の部分に/が付いています。
本文はここで終了ですよと言う意味です。
</html>これは、同じくHTML文書はここで終了ですよと言う意味です。
そして、<body>と</body>の間にある文書が、本文として表示されます。
気付いたと思いますが、サンドイッチ状態になっているのは
おわかりいただけましたか?
この5行の分はソースと言うのですが、ソースを記述する際には、
基本的には必ずサンドイッチ状態にさせなければなりません。
そして<>で区切ってある語句をタグと言いますが、
このタグは開始タグはすべて必須になっており、
終了タグはタグによっては不要なものもあります。
開始タグとは<html>や<body>というようなここから○○ですと言うのを表すもので、
終了タグとは</body>や</html>のようなここまで○○ですと言うのを表すものです。
では、少し行数を増やしてみましょう。
<html>
<head>
<title>
テスト
</title>
</head>
<body>
Hello World!
</body>
</html>
さきほどと同じように保存して、再度開いてみましょう。
開いたページのタブの部分を見てみましょう。
テストと言う名前になっていませんか?
<head>とは、本文には表示されない裏の設定を行う部分とでも解釈しておきましょう。
そして<title>は、お気に入りに登録するときに表示される名前だったり、
ページのタブ部分に表示される名前だったりします。
以降はHTMLクイックリファレンスを見ながら勉強されると良いかと思われます。
折角ですので、まだ作りかけのサイトですがサンプルにひとつ提供させていただきます。
http://white-snow.digi2.jp/test-site.zip
too_badさま、詳細なご回答ありがとうございました!
例をあげて頂いてありがとうございます。
ご指示の通り、試してみたところ、記述して頂いた通りになりました!
サンプルまでご提供頂いて、本当にありがとうございます。
こちらのサイトを理解するまでには程遠いでしょうが、今すごくわくわくしているので、楽しみながら、教えて頂いたHTMLクイックリファレンスのページをみながら、地道に勉強して、サイトをたくさん作ってみます。
ご親切にご回答ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- IT・エンジニアリング teratailなどでプログラマー向いていないと言われてPTSD、でも諦めない。最低で何日要する? 2 2022/09/25 06:53
- Excel(エクセル) ExcelのFSO(ファイルシステムオブジェクト)について学びたいのですが。。。 5 2022/12/15 18:06
- HTML・CSS お金をあまりかけずにプログラミングを勉強する方法を教えてください。 こんにちは。 Webデザイン系の 3 2022/08/05 03:22
- 仕事術・業務効率化 効率的な勉強方法(分野問わず)を教えてください 1 2023/08/16 01:33
- 大学受験 3浪しようと思うので、アドバイスお願いします。 自分としては結構メンタルきつくて後期でいいから、東京 3 2023/02/13 21:47
- ネットワーク 回線を体系的に勉強する方法。 ネットワークを勉強している者です。 ネットワークを「体系的に」学習する 3 2022/11/26 20:36
- ネットワーク L3の勉強。何から始めてどうすればいいのでしょうか 2 2022/07/24 17:32
- その他(職業・資格) 弁理士試験の勉強方法について 1 2022/09/11 07:32
- 数学 大学数学を理解するためには高校数学の全単元を復習する必要がありますか。 5 2023/02/28 13:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML 特殊文字の タブ:	...
-
ロボット巡回対策のMetaタグに...
-
HTMLのタグは閉じなくてもいい...
-
CSSでindex.htmlをクリックする...
-
ホームページ作成のタグについて
-
VBで簡単なゲームをつくるサイト
-
全豊田作業責任者
-
nslookupするとローカルドメイ...
-
API、OCX、DLLって何でしょう?
-
このプログラミング誰か教えて...
-
ExcelとWordの検定の資格について
-
超・初歩的な質問 「プログラム...
-
Excelで用語辞典を作成するには?
-
プログラミング言語の覚え方習得法
-
If … then の中の条件式と型に...
-
ftpで「ホストが見つかりません...
-
コンソールアプリでファイル選...
-
1年無職の彼氏 別れるべきですか?
-
ホームページが削除されている...
-
C言語のHP-UXからLinuxへのポ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTML 特殊文字の タブ:	...
-
個人HPにログイン機能付けられる?
-
VBで簡単なゲームをつくるサイト
-
ページ内のテキストをスクロー...
-
DWでのCSSの使い方について。
-
一発太郎の一発ロボに登録した...
-
CSSでindex.htmlをクリックする...
-
うっかり</body>と</html>を消...
-
タグの左揃えと波型の違いで・
-
textarea 内に IFRAME を読み込...
-
色定数 → Hex値の対応 (LightYe...
-
embedタグでFirefox右クリック禁止
-
HTMLのタグは閉じなくてもいい...
-
エラーメッセージ
-
googlemapへのリンクを作りたい
-
ドリームウィバーを利用してス...
-
METAタグのrefreshでサイト引越し
-
リファラ偽装について少し質問...
-
EUC文字体系のhtmlから、mailto...
-
インラインフレームを使用した...
おすすめ情報