「xoops」を含む日記 RSS

はてなキーワード: xoopsとは

2013-05-13

素人がそこそこのWebサービスをつくる方法

先日「飲み会版ソーシャルランチをつくってみた」を書いた者です。

上の記事では、僕がつくった「飲活」というサービスの説明が大半で、どうやってつくったのかとか説明が少なかったので、今回はそれについて書いてみようかと思います

まずは僕についてさらっと。

失敗

僕は「「飲活」」を作るまでも、iPhoneアプリを開発したり、webサービスメンテナンスをしたりとプログラミングをしておりました。

なので、プログラミング初心者というわけではありません。

しかし僕も何度かwebサービスの立ち上げを挫折しております。4回くらいかな。

最初xoopsを使って、ツイッターで登録企業広告をつぶやいたらポイントをもらえるサービスでした。

なんとxampp門前払いされました。ローカル環境すらつくれませんでした。「くそ初心者時間無駄にするだけだから辞めろ」と言われた気分でした。

xamppだけに2日くらい朝まで格闘してしまい本当に時間無駄しました。当時はapacheの設定とかなんぞや状態ですからね。

次にやろうとしたのが、大学受験生向けのサイトで、受験生に教科ごとの講義をするのではなく、勉強のやり方を教えるよ!ってサイトです。

ほとんどhtmlでできそうなのですが、phpメールを送ることができず挫折しました。

レンタルサーバーを借りたのですが、レンタルサーバーphpの設定をしないといけないのを知らなかったり、やっと解決しても日本語化けに悩まされて止めた覚えがあります。これほど母国語英語だったらどんなに楽かと思った時はありませんよ。プログラミングしてると今でもたまに思います

次が、キックスターターのようでそうでないクラウドファンディングサービスをつくろうとしました。

ここでjavascript出会いました。いや、ちゃんと交際を始めたと言うべきか・・・。それまでjavascriptとすれ違っても虫を決め込んでいたのですが、いざ必要になって呼び止めてみると意外と良い奴でした。

しかし、ajaxにつまづいたり、サイト構成やディレクトリ構成、データベース構成や、デザインの調整などで複雑で面倒になり挫折してしまいました。

こうして書くと、僕がすごい諦めの早いやつで勉強もまともにしないやつみたいに思えますが、半分正解。諦めは悪いけど「ググればいける」という考えで勉強を怠っておりました。

つくりかた

「「飲活」」をつくった実際の流れを書きたいと思います

だいたいプログラミング言語はどれも根本は似ているので、先述の3つ以外のプログラミング言語をやりたいと思ってる人でも参考になると思います

また、以下の内容は、わけわからんけどwebサービスをつくりはじめる方を前提にしています

まずはじめに:開発環境を整える

まずは開発環境を整えましょう。

開発環境とは、自分の書いたプログラムローカル自分パソコン)でのみ動作させる環境です。

まり自分がつくっているものを外部に見られることはありません。

ローカル開発環境必要なモノは以下です。

です。

まずはこれらをインストールしてください。設定などの説明は割愛します。

ステップ1:プログラミングでいったいどんなことができるのかを知る

僕はphpを使いました。

僕もそうでしたが、素人は当然プログラミングの全体像を想像できません。やりたいことを思いついても、どういうコードを書いたらいいかなんてすぐに想像できませんよね。

これも当然ですがその原因は、そもそもプログラムでなにができるか知らないからです。

なので、POSTやSESSION、配列などの基本的なもの存在を知りましょう。そしたら、「このページにはこの機能必要だろう」というのが、"なんとなく"わかります。書き方はこの時点で別に覚えなくて大丈夫です。

例えば、オブジェクトを格納することが出来る「配列」という存在を覚えます

この時点では、配列の作り方のコードとかは覚えなくていいですよ。「配列という存在を知る」ことが重要です。

基本的なことを学ぶときネットではなく本を使う事を薦めます

本は情報が体系的にまとめられていまうので、ネットよりも学びやすいです。

プログラミング10年以上基本部分は変わっていませんので、「古いものを覚えちゃわない?」という無駄心配はなくて大丈夫

一方、発展的なことではネットで学びましょう、というかわからないことがあればネットで探しましょう。

ステップ2:つくりたいwebサービス必要機能を決める

どんなことを実現したいのかというゴールがないと必ず途方にくれます

なので、まずはゴールを設定します。

例えば「「飲活」」なら、

などなど...。

その後に、各ページ毎に必要機能と大まかなそのページのやることを決めます

例えば、ログインページなら・・・

必要機能

ログインページには、ユーザー入力するフォームと送信ボタンがあって、なにも入力されずに送信ボタンが押されたらエラーメッセージを出そう。エラーがなくログイン成功したら、会員専用のエロビデオを見せよう。

とか。

次に、各ページでどんな情報を表示させるかを決めます

例えば、しっかり考えず適当に、登録ユーザープロフィール画面を開発していて、ユーザー名、生年月日、出身大学を表示させるプログラムをつくったとします。

しかし、プロフィール画面が完成した後にメールアドレスも表示させないといけないことに気がついた場合、少しプログラムの変更が必要になります

最初から、どのデータ必要なのかを決めていれば、こうした効率の悪さは回避できます

実際は奇麗に開発できることは少ないですが、何も考えずに開発するよりは効率的です。

大まかな機能ログイン)→具体的な機能ログインページの機能)→具体的にログインページがやること→必要とするデータ

という流れでサイト機能を決めることで、自分のやることが明確になりますし、勉強すべき内容も最小限に抑えられます

ここで、どういうデザインにするのかを決めればもっと後で楽になります

ステップ3: データベースを用意

webサービスには必ず必須となるデータベースについて知る必要があります

僕は、mysqlを使いました。

サーバーさくらインターネットレンタルサーバーを使ったので、さくらインターネットデータベースを利用しました。

ステップ4:必要機能を実現するための方法を見つける

各ページで必要機能とやることを決めたら、それを実現してくれる方法を本やネットで探します。

先述のとおり、必要機能を決めていればそれを実現してくれるもののみを探せばいいので効率的になります

見つけたら、あとはそれを使ってやりたいことをやるだけです。

具体的にはサンプルコードAPIフレームワークライブラリ)を探すべきだと思います

プログラミングに慣れるまではフレームワークを使うと上手く組み込めず、それが挫折の原因にもなりそうなので、主にサンプルコードを探せばいいと思います

なぜなら、楽だからです。その一言に尽きますよ!

プログラミングってなんのためにあるかというと、人々の生活を楽にするためです。

人々を楽にするプログラミングで、わざわざ辛いやり方をするのは最悪です。

なので、どうぞ堂々と怠けてください。他人のつくったコードを使ってください。APIフレームワークを使ってください。

プログラムを書いたらデバッグしたり、ブラウザ(htpp://localhost)で見てやりたいことができているか確認してください。

「「飲活」」の場合は、基本機能


利用したAPIフレームワークは以下。


特にこのサービスには特別なことや難しいことはやっておらず、正直phpの基本がある程度わかっていれば、このサービスの基本的部分は作れてしまます

ステップ5:大まかなプログラムができたら・・・

デザインをつくりましょう。

僕は一から自分デザインを考えたわけではなく、他の素敵なサイトを参考にさせていただきました。

また、サイトの見た目をつくるにはhtmlcss、時にはjavascriptを使う必要があります

オススメなのはtwitter社の提供するTwitter Bootstrapです。

http://twitter.github.io/bootstrap/index.html

これを利用すれば、簡単にかっこいいデザインを作れます

ちなみに、「飲活」は、htmlcssjavascriptjQuery)を使っています

ステップ6:ドメインを取得、サーバーを用意

つくったサイトをみんなに見てもらうためには、外部とネットワークのあるコンピュータアップロードしなければなりませんし、ドメインもなければいけません。

コンピュータにはIPアドレスがあり、ネットワーク上の住所となっています。これにアクセスすると、「飲活」の住所とか「はてな」の住所とかあったりするわけです。これは数字でできており、これを人間が読みやすものにしようというのがドメインです。

hatena.jpとかnomikatsu.comとかですね。これを取得しましょう!

僕はお名前ドットコムで取得しました。

それからサーバーレンタルしましょう。

外部とネットワークのあるコンピュータですね。

自分で作ったり、VPSを使ったりすることもできますが、自分管理をしなくていいという点で楽なので僕はレンタルしています

僕は、さくらインターネットレンタルしています

僕のようにドメイン管理会社サーバー会社が別だといろいろと設定をしなければなりません。

DNSドメインネームサーバ)というのがあり、「このドメインのあるサーバーはこれ、IPアドレスはこれ」と教えてくれるものです。

名前ドットコムで取得したnomikatsu.comは、さくらインターネットサーバにあるよと設定する必要があります

実際には、さくらインターネットネームサーバ情報を知り、お名前ドットコムでnomikatsu.comはこのネームサーバだよと設定してあげるのです。

これで、数分から時間でnomikatsu.comにネットからアクセスすることが出来ました。

ステップ7:サイト公開

あとはサーバーファイルアップロードすれば、インターネット自分のつくったサイトを見れます

ファイルアップロードの仕方ですが、FTPクライアントを使います

僕は、filezillaを使いました。

filezillaからホスト名やユーザー名などを設定してサーバー接続します。

接続できたら、指定のディレクトリファイルアップロードすればOKです!

最後

とにかく作り始めましょう。

僕は、本が書いてあるサンプルコードをそのまま勉強としてやるのはオススメしません。

だって、つまらないですもん。あれは、プログラムを書いていて基本がわからなくなったときに見返せばいいんです。

最初はまず作りたいものを決めて、PHPで何が出来るのかをざっくり勉強して、それを実現するのに必要コードややり方を見つけて、実際に動くものをつくっていってください。

やりたいことをやらなきゃ飽きますし、本のサンプルコードよりも実際にwebサイトをつくった方が覚えます

プログラミングって難しいものではないですよ。

やったことがない人が勝手に難しいと思い込んでいるだけで、意外とやってみれば難しくありません。

簡単とまでは言えませんが、正直誰でもできます

僕の場合は何度かプログラミング挫折しましたが、こうして一つのものをつくることができるようになりましたし、iPhoneアプリなども会社では開発しています

こんなやつでもできるので、諦めなければできます

そんで、とても楽しいです。

本当につくりたいものがあるのなら、一度やってみる価値はありますよ。

追記:

明記してありますが、僕は初心者ではありません。初心者の方が勉強がてらサービスを作る一つのやり方というか流れを紹介したいと思って記事を書きました。

誤解させてしまタイトルすみません

僕自身、なにもわからプログラミングをはじめたときは、どう勉強したらいいかからず辛い思いをしました。

素人がわけわからプログラミングを始めると挫折やすいと思いまして、僕が素人の時を振り返り、そして勉強してきた経験を使って、素人の方にサービスをつくっていく流れを書いたら素人の方も挫折しにくいかと思いました。

なので、僕は初心者ではありませんが経験者として素人サービスをつくっていく方法を書きました。

また、飲活をつくった実際の流れと書きましたが、飲活をつくった流れを利用して、初心者サービスをつくる流れを説明したかったんです。

説明不足でさらに誤解させてしますみません

2011-12-26

http://anond.hatelabo.jp/20111226141921

全然関係ないんだがこれをみてへぇと思って検索していたら

EUC-JPで構築しているXOOPS場合テーマテンプレートHTMLのヘッダ域に

<!-- 龠 -->

と埋め込む。文字は"美乳" でも良いらしい。

あとはキャッシュを削除して再度アクセスすると、Google Chrome は正しく文字コードを識別し、EUC-JPで表示された。

という記述にわらった。

<!--美乳-->で正気を取り戻すChromeか…

2009-02-13

2007-11-05

http://anond.hatelabo.jp/20071105234857

ブログって呼ばれてる機能セットがブログだろ。

XOOPSとかブログじゃねえけどCMSだし。

2chつうか掲示板とは発信主体の存在のありようが全然違うと思うけど。

2007-10-09

新宿マンガ喫茶ガイド(一部)

某安宿ガイドに触発されて、更に安く泊まれる漫画喫茶ガイドを作ろうかと画策中。

と言っても、利用したことのある店舗は都内で30店舗ぐらいだけど。

 

需要があるかどうか匿名で下書き。はてな記法が分からないのでミスってるかも。

ある程度トラックバックブックマークされたらXoopsWikiMTかWPあたりで作ります。

どんな情報が欲しいか書いてくれると嬉しいかも。

ちなみに以下の店舗は全店コミックDBがあり、インターネットから在庫を確認できます。

 

新宿地区

店名住所電話規模会員制基本料金延長パックナイトパックシャワーコメント
マンボー 新宿高島屋横店新宿区新宿4-1-1303-5360-7997任意315/h105/15min924/3h1134/5h通路が非常に狭い。いつも混んでいる。コミックは弱い
マンボー 新宿総本店新宿区新宿3-32-1003-5368-6116任意315/h105/15min924/3h1134/5h規模が大きく、席に余裕有り。地下なので携帯電波×
マンボー 新宿靖国通り新宿区新宿3-20-503-5367-5837任意m300/h,w200/h105/15min924/3h1218/5h地下なので電波が弱い。若干混雑傾向
グランサイバーカフェ バグース 新宿新宿区歌舞伎町1-21-103-5155-5443任意420/h他100/15min980/3h1200/6h照明暗め。ドリンクコミック充実。オープン席有
グランサイバーカフェ バグース 靖国通り新宿区新宿3-15-1103-5363-6253任意420/h他100/15min980/3h1200/6h照明暗め。ドリンク充実。コミックは弱い。オープン席有
ワイプ 代々木北口駅前店渋谷区代々木1-35-403-5365-1788必須280/30min他100/15min980/3h1200/5h代々木駅前。地下だが電波強し。ビリヤードダーツ等有。利用時間別のパック充実。オープン席有

2007-08-03

プログラミングは誰でもできるなんて認めないぞ運動

http://anond.hatelabo.jp/20070803143914

(*)このエントリでは増田がとっても感情的になって、C言語SQLJScript, JavaScript, Perlをけなす風潮に反発します。

確かにプログラミング言語やその周辺の技術目的を達成するための手段でしかないのかもしれない。けれど、その手段を行使できるようになるために一週間そこらドキュメントやサンプルを読み書きするだけでおkな人って実在するのか?JavaやCにしたってどれだけ標準搭載の関数やらAPIがあると思っているんだ?そりゃあ実装に必要な部分さえ分かればいいんだろうけど、、。ぐすん。

俺はオブジェクト指向を肌で感じ取れるようになるまで1年以上かかったが、それでも完全に理解できているといえるのかよく分からない。それを一週間程度で理解できるだとおぉぉ、許せん、嫉妬してやるぅ。

ついでに言うと、誰でもできる仕事を一般化してプログラムに落とし込むのがプログラマ仕事だあああ、、、、とも思う、、、、うん、思うだけ。中学生にでもできるといいながら、人間に外注するってどういうことよ。誰でもできるんならパソコンに頼めよ。そういうプログラムを組めよ。優秀な人はコンパイラとか作れるんでしょ。もっと言えば、プリミティブな部分とやらを最初からプログラミング言語でしゃべっておけば、外注すら必要ないよ。外国の人を作業するとき英語コミュニケーションとるでしょ?システムの設計とかもプログラミング言語でやれば?まさか日本語適当に要件定義書書いて、外注に丸投げとか言わないよね。それとも、優秀な人はみんな理論屋になるってこと?

ぐすん、、ぐすん、、そりゃあさ、僕はHDLでCPU設計とか、 Yacc/Lexコンパイラ作成とか、OS作成とかやったことないし、できないよ。C/C++だってDirectX3Dに関わる理論オブジェクト指向が分からなくて挫折したよ。XoopsみたいなCMS作ろうとして要件定義や設計がぜんぜんできなくて挫折したよ。要件を決めずにプログラム組んでたら、後から次々と要求変更を思いついてしまって、手が回らなくなって頓挫したよ。データベース設計もまともにできないしSQL?なにそれって感じだよ。電子回路?トランジスタの使い方・つなぎ方とか、増幅率とかがうまく計算できなくて挫折したよ。

だから(?)「Perlなんて簡単だよね。そんなものにしがみついてるなんてレベル低いなお前」みたいなこと言うおまえなんか大嫌いだ。

負け犬の遠吠えじゃねえか(笑)」だと!上等だ表へ出ろい!

2007-04-29

ノベルゲームネットにつないでる多人数で遊ぶ

http://anond.hatelabo.jp/20070427173440

ChanKoという題名の意味のわからなさに道に迷い。

ノベルゲームパラダイムシフトという副題のセンスの無さに絶望した。

ノベルゲームを多人数」これは面白いと思う。

世間需要はそれほどあるとは思えないけどさ。それなりにはあるんじゃないかな。

今みたいなMMOができる前はオンラインゲームなんてノベルゲームぐらいだったけど、あの時代の産物を今のインフラでリプレースするだけでそれなりのものができると思う。

かまいたちの夜みたいなものをプレイヤーにロールプレイしてもらえばそれなりに楽しめるんじゃない?

あれ・・・。でも、これってもしかして人狼じゃないか?

人狼xoopsajaxなんてのがあったけど、フラグが立ったら挿絵が入るとかそういうのが入るようになっただけで大進化

いずれにしろ題名と副題しかわからないのであまりイメージできないや。

ただ、この場合YouTubeじゃなくって、http://www.stickam.jp/ みたいなストリーミング系の方がいいんじゃないか?

さいきん爺になったのか若い人を応援するほうが楽しい……。

高校生プログラミングコンテストとか見学にいきてぇな。

2007-04-27

http://anond.hatelabo.jp/20070427135943

ぶっちゃけた話、xoopsとかを読み解いて簡単なプラグインを作ったりするのが一番近道だと思ってる。

本から始めたいなら、タイトルが媚びてない入門本を数冊読み比べながら参考に、自分で掲示板を作って見る。

2007-03-14

俺、アーティストとかデザイナー嫌いです。

日頃から思ってるコトを書いてみる。

自分はフツーの会社員です。

カタカナの洒落た職業じゃありません。植木等の歌に出てきそうな典型的な会社員です。

フォトショ使えません。

イラレ使えません。

キャンパス使いません。

楽器弾きたいけど下手です。

歌はカラオケレベル

絵描くのは好きですが下手です。

でも、いろんなデザインを眺めたり自分で考えてみるのは好き。

アートも見るのも好きだし、幾何学写真撮るのも好き。

アーティストデザイナーを一緒にするつもりはないんだけど、ああいう人たちは一般人を排他するような目で見るのだろう。

間口が狭いというか、オープンでないというか。

あるクリエイターSNSに入ってみたく招待状を下さいと親しい人にお願いしてみたが。

「君は一般人だし、そういう職業に就いてない人は招待できないよ」

と言われた経験がある。

そういう職業てなんだ?

そういう職業って。

クリエイター系って偉いのか?

貴族か?

そういう職業の人に限って一緒に飲むと「デザインがさー」、「あ、デザイナーの方ですか、お互いコラボできませんか?」、「アーティトって・・」「イラレで加工して・・」「モリサワが・・」「SOHOで・・」「XOOPSが・・」「CSSが・」「セッションしません?」「いや、あのサウンドはね・・」「Macで・・」って話が出てきて。蚊帳の外にされててしまう。

特にこういう人等(自分が会ってきた中では)はMacの話に目がない。Macを使ってるから会社員の君とは住む次元が違う・・ってな顔をされる。

いや、Macぐらい知ってますよ。

Macぐらい。

普段はWindows仕事柄、自宅でMacUNIXOSサーバとしてTerminalからしか使ってないけど・・。

印刷会社で何故Macが重宝されてきたのかも知ってるよ。

SOHOって言葉も嫌いだ。

SmallOfficeHomeOfficeって。

家内製手工業でいいじゃん、マニュファクチュアで。

そこで「普通会社員ですけど、そういうのも興味ありますよー。」って答えたらなんだか会話が止まって蔑まされた目で見られる。

「●●(陶芸作曲小説建築・・)家です」「●●デザイナーです」「アーティストです」「ライターです」とか最初に言うと目の輝きがお互いに違うのに、「会社員です」って言うと「はぁ・・そうですか・・」という目で、その後の会話が弾まない。

こちらか話を振っても「はぁ・・」「そうなんですか・・」とか興味なし。

勿論、アートデザインって、それぞれ根本的な部分で違うのだろうけど。

共通するコトは「自分たちは、会社で働いていてもSOHOでも、肩書きは会社員とは違う」という見えないフィールドを張っているというコト。

リーマンとは違うのだよ、リーマンとは」

彼等が叫ぶ中でそうも聴こえる。

デザインを色々見たり自分でも作ってみたいと思っていたりはするのだけど、デザイナーは嫌い。

アートを見たり参加したりするのは好きだけどアーティストは嫌い。

音楽を聴くのは好きだけどミュージシャンは嫌い。

ApplePCは好きだけど熱烈なマカーは嫌い。

なんか自分がこういう態度じゃ余計ダメなのかも知れないけど・・・。

なんで、ああいう人たちは間口が狭い考え方をするんだろう。

 
ログイン ユーザー登録
ようこそ ゲスト さん