やりたい事がどのプログラムで実現するのか？

質問

はじめまして。
複数名でサイトを作っていて、私はデザイン部門を担当しています。

html、cssの知識はあるのですが、現在他のスタッフが担当しているプログラム方面も勉強したいと思い、まずはじめに、お客様のサイトに下記の機能をつけたいと考えています。

実は本は色々買ってはみましたが、htmlの時のように理解ができず、実際に必要なものから少しずつ理解していくといいよとアドバイスを受けました。

そもそもがやろうとしていることがCGIなのかJavaScript、PHP、jQuery等々なのか、調べてみても、複雑な例しか見つからず、つまずいています。

プログラム自体の内容の質問というわけではなく、下記についてご教示ください。

ａ．管理画面で入力する画面はhtmlのformで作ればよいのでしょうか？
ｂ．idで指定された部分に管理画面で入力された内容を放り込む、登録順に自動で交互にclassをつける、htmlを生成してアップロードする等のプログラムはCGI、JavaScript、PHP、jQuery等のうち、何に該当するのでしょうか？

～～やりたいこと～～

「写真と文章から成るコラムの更新を管理者（お客様）が行うプログラム」
・レイアウトは左写真タイプ（写真が左にfloatし、右にコラム）と右写真タイプ（文章が左にfloatし、右に写真）の２種類あり、class分けをして上から交互に並べています。

<!--■■■偶数（写真右）ココカラ-->
<div class="colarea">
<div class="h2area_right">
<h2 class="name_right">○○○コラム著者名○○○</h2>
</div>
<div class="message_right">
<p>○○○コラム文章○○○</p>
<p>○○○コラム文章○○○</p>
</div>
<div class="photoarea_right">
<p class="photo"><img src="○○○.jpg" width="206" height="174" alt="○○○さん" /></p>
</div>
</div>
<!--■■■偶数（写真右）ココマデ-->
<!--■■■奇数（写真左）ココカラ-->
<div class="colarea">
<div class="h2area_left">
<h2 class="name_left">○○○コラム著者名○○○</h2>
</div>
<div class="message_left">
<p>○○○コラム文章○○○</p>
<p>○○○コラム文章○○○</p>
</div>
<div class="photoarea_left">
<p class="photo"><img src="○○○.jpg" width="206" height="174" alt="○○○さん" /></p>
</div>
</div>
<!--■■■奇数（写真左）ココマデ-->

１．管理者（お客様）が管理画面にアクセスする
　　※画面には各コラム欄毎に写真のアップロードボタンと文章入力エリアが並んでいます。
　　※この画面は実際のサイトのレイアウトと同じでなくてもかまいません。
２．消したいコラムをチェックし、削除ボタンにて削除する
　　※削除されたコラムの次のコラムは自動で上にシフトする。
３．新しいコラムの欄に写真をアップロードし、文章を入力する
４．登録順に奇数関係のタグには左写真タイプのclass名称を、偶数関係のタグには右写真タイプのclass名称が自動でつく
５．確認画面ボタンにて確認画面表示
６．決定ボタンでサイトにアップされる

漠然としていますが、できるだけ詳しく書いてみました。
よろしくお願いいたします。

回答No.3

lv4u · ベストアンサー

>>お伺いしたかったのは、そこのところで、今回のような機能を付けるには、具体的にPHP、Ruby等のうち、どのプログラムが適当なのか？もしくは、どれでもできるのか？最適なのはこれだよというものがあればご教示いただきたく思います。

・どのプログラムが適当なのか？
これは、サーバ側の環境と自分の開発能力、要求仕様、フレームワークの将来性への判断など、いろんな要素によって決まると思います。たとえば、自分はRubyが最適だと思っても、Rubyが使えないサーバであれば、それは諦めて他の言語を使うしかないですよね。また、Ruby on Rails(以下RoR)が最適だと多数の方が推薦していても、自分たちがそれを使いこなせないなら、その時点では、最適なフレームワークとはいえないかもしれませんね。また、「この言語とフレームワークはいまいちだけど、自分が使う範囲では十分である。」なんて判断もあると思います。
いろんな雑誌を見ていますと、「以前は、Javaでやっていたけど、今はRoRで開発している」っていう方をぽつぽつ見かけることもあり、個人的には、RoRが良いと思っています。ただ、やはりそれなりに使えるようになるまでは半年以上の経験が必要かな？なんて感じています。また、トラブル解決の情報は、英語サイトでないと得られないことが多いようです。（日本企業では、業務で得たそういうノウハウを一般に公開させないセコイ考えをしているのでこうなるのかな？なんて思っています。）

ちなみに、言語としてとっつきやすいのは、PHPだと思います。ただし、フレームワーク無しのPHPですと、コーディングは大変だと思います。そこでPHPのフレームワークを使うことになると思いますが、そうするなら、素直にRoRを選んだほうがいいのでは？なんて思います。

それから、データベース、ＳＱＬ言語など、いろいろと学ばないといけないことが多数あります。

・どれでもできるのか？
基本的には、「どれでもできる」といえるでしょうね。ただし、当然のことながら、技術習得の時間やコーディング量に大きな差がでます。ある言語でフレームワーク無しで作れば３日かかるけど、別の言語でフレームワークを使えば(例えばRoR & ActiveScaffoldでは)、３０分でほぼ同等なものが完成するってこともあると思います。
もちろん、フレームワークを使わないほうがコーディングは大変ですが、「何でもあり」ってことで自由な仕様にできるでしょう。ただし、Ｗｅｂのセキュリティを考えると、フレームワーク無しで、フレームワーク有りのシステムと同等のセキュリティのものを作り上げるのは、とても大変だと思います。

お礼

lv4u様
再びありがとうございます。
判断基準も色々なのですね。

身の丈に合ったものが一番のようですが、なにしろ自分の身の丈すらわからない状況で。（小さい事だけは確かなのですが）
PHPでと思っていましたが、セキュリティといわれると、フレームワークがよいのかとも。

薄々は感じていましたが、表面だけチョロッと・は、虫がいい話なのですね・・・

とにかく沢山の単語が出てきたので、ひとつひとつ調べてみて、決めようと思います。

ありがとうございました。

回答No.4

aoyama984

http://nyx.pu1.net/reference/
PHPをすすめます
入門にはこちらのサイトをすすめます
コンパクトにまとまっているので最小限で
作りたいものができると思います
最初から順番に全部読んで　小さいものから作ってみる

http://www.apachefriends.org/jp/xampp-windows.html
Windowsの場合　テスト環境としてXAMPPをすすめます
インストールするだけでPHPが動きます

http://sitemix.jp/
http://atpages.jp/
テスト用サーバとしてこちらをすすめます
http://lolipop.jp/service/about/
サーバは決まっていなければこちらをすすめます

まず最初に
グっと機能を限定して　最小限の小さなものにして
基本機能のテスト版を作成します
今回のもので言えば　
必要事項を入力して　画像を指定して　データと画像を保存
保存したものを表示する　というものを作成してから
ID　PASS　でログインする機能を加える
希望のレイアウトに近づけていく
というような手順でやってみてはどうでしょうか
基本の部品が一つずつ動いていけば
あとは組み合わせていくだけなので　全体の見通しができます

データベースの利用が必要になると思いますが
最初はテキストファイルを利用しての入出力でやってみる
PHPの勉強がある程度進んだらデータベースも始める
という形でやってみることをすすめます

お礼

aoyama984様
具体的なご提案をしていただきありがとうございます。

>必要事項を入力して　画像を指定して　データと画像を保存
>保存したものを表示する　というものを作成してから・・・

なるほど、このように進めるのですね。
何もとっかかりがなかったので非常に助かりました。

ありがとうございました。

回答No.2

SexyAkeko

CGIは、こもんげーとうぇいいんたふぇーす、の略でして、超ざっくり言うと、サーバとデータのやり取りをする仕組み・・・のことなんで、実は言語はなんでも。

最近は、普通は、PHPですが、PerlやRubyや他の言語でも、サーバにデータを保存したり読み込んだりすれば、こもんげーとうぇいいんたーふぇーす、いわゆるCGIってことでよいかと。

で、サーバでデータをやり取りしたいんなら、PHPで、本を買うのがよいかと。
そんなに難しくはない言語ですが、やっぱりネットで全部勉強しようとすると時間がかかるんで。

アップロードもサーバにある画像の枚数をチェックして、保存したりするのも、PHP（他の言語でもできるけどとりあえずは）のお仕事です。
とにかく、PHPはサーバで処理させたり、データを保存できるもの。
掲示板やカウンターなんかも、PHPで作れます。

また、PHPは往々にして文字列を返すだけなので、ブラウザは単に文字を返されても困ってしまいます。

ざっくりとブラウザは、HTMLタグで書かれていないと、HPを表現できない。

なので、PHPが文字列をサーバで計算させたり、処理させた文字を返すときに、HTMLにするのです。
そうすれば、ブラウザが理解できる形になる。

JavaScriptはHTMLでは表現できなアクションや計算ができるものですが、ファイルを保存することができない（たぶん、今も変わってないと思うけど・・・、最近はわからん。）ので、HPを少し彩るくらいのかんじかと。
jQueryは、JavaScriptを便利にまとめたもの・・・という感じでいいかと。

まぁ、とりあえずはPHPでいいと思いますよ。

お礼

SexyAkeko様
回答をいただきありがとうございました。

概念的なものがぼんやりと解ってきました。

A（サイト画面）とB（管理画面）を繋ぐのはPHPが適しているのですね。

実は挫折した本を一冊持っているので、もう一度トライしてみます。

回答No.1

lv4u

>>ａ．管理画面で入力する画面はhtmlのformで作ればよいのでしょうか？

基本はそうです。ただし、最近はRubyonRailsとかCakePHPなどのフレームワークとか、追加のプラグインとか便利なものがあるのでhtmlとかformを自分で記述しないでも、そのフレームワークで決まった方法で記述すれば自動生成してくれる場合もあります。

>>ｂ．idで指定された部分に管理画面で入力された内容を放り込む、登録順に自動で交互にclassをつける、htmlを生成してアップロードする等のプログラムはCGI、JavaScript、PHP、jQuery等のうち、何に該当するのでしょうか？

a.と同じように最終的には、htmlのclassが作られるわけです。それを生成するのがプログラムであり、それはPHPだったりRubyだったり、場合によってはCGIから呼ばれるPerlだったりします。フレームワークによっては、交互にclassをつけるとか意識しないでも、自動生成してくれたりするので、実際にjQuery,JavaScriptを使っていても、作成者は意識しない場合もあります。

まあ、”自動でhtmlやJavaScriptが作られる”っていう場合、自分の思い通りに作られないこともありますので、その調整に時間がかかることもあります。

これで質問の回答になっているでしょうか？

お礼

lv4u様、前後してしまって申し訳ありません。

ご丁寧な回答をいただきありがとうございました。

補足をつけさせていただきましたので、お読みいただけると幸いです。

補足

lv4u様、ご丁寧にありがとうございます。
フレームワーク・・・用語だけ調べてみました。近いものが既存のプログラムとして提供されている場合もあるのですね。そして、それは最初はレイアウトは思い通りではないので、カスタムが必要・と。
カスタムができるのでしたら、とっかかりとしては一番良いのかな・・・とも思います。ありがとうございます。

しかし、できれば自分自身が理解していないものをその場限りで利用するのではなく、具体的に必要な機能から少しずつでも理解して導入していき、いずれ応用できるようになりたいなと思い、今回の質問に至ります。

>最終的には、htmlのclassが作られるわけです。それを生成するのがプログラムでありそれはPHPだったりRubyだったり、場合によってはCGIから呼ばれるPerlだったりします。

質問が漠然としていてすみません。
お伺いしたかったのは、そこのところで、今回のような機能を付けるには、具体的にPHP、Ruby等のうち、どのプログラムが適当なのか？もしくは、どれでもできるのか？最適なのはこれだよというものがあればご教示いただきたく思います。

よろしくお願いいたします。