ど素人によるwebサービス開発日記

ウェブの構造もわかっていない超初心者ですが、Webサービスを開発中です。調べたこと、学んだことをまとめていきます。

【超初心者向け】データベースの作成方法(Xampp、CakePHPユーザー)

CakePHPで新規プロジェクトを始めるには、まずデータベースを準備する必要があります。

phpMyAdminのサイトからデータベースを作成すると、難しげなコードを書かずともデータベースが完成するので、初心者にはこの方法がお勧めです。

 

同じサイトですが、この記事もわかりやすかったです。

データベースの作成 - phpMyAdminの使い方

CakePHPでBootstrapを使おう!まとめ

初心者でもおしゃれ風なサイトを作りたい!ということでBootstrapをCakePHPにBootsrapをインストールすることにしました。

 

Bootstrapで出来ること

Webサイトのデザインはスタイルシート(CSS)で指示を出します。

なのでざっくりまとめると、BootstrapはCSSが編集しやすくなるように開発されたフレームワーク。

色や形、サイトの配置や大きさなどを決めやすくしてくれるという認識で良いでしょうか。。。

 

実際にはこんなことが出来るそうです。

HTML5アプリ作ろうぜ!(11):Webデザイン初心者でもできる、Bootstrapの使い方超入門 (1/4) - @IT

Bootstrapの基本的な使い方 | mororeco

 

CakePHPにBootstrapをインストールしよう!

手順は以下のサイトを参考に。

 ↓

[CakePHP2]Twitter Bootstrapプラグインの使い方 | 独学PHP・MySQL学習入門

CakePHPのTwitterBootstrapプラグインの使い方 | solidpeat

 

Local Hostでの確認は、localhost/ファイル名/twitter_bootstrapで行います。

Bootstrapをインストールしただけで、少しサイトが明るくなった!!(まだまだシンプルすぎるけど)

 

CakePHPにBootstrapで作ったスタイルシートを適用する方法

そもそもCakePHPではどこのフォルダにスタイルシートが入っているのかというと、/app/webroot/css/内に入っています。

独自のスタイルシートを設定する場合も同じ場所にCSSを入れます。

 

あとは、CakePHPのデフォルトでレイアウトの設定がされているので、それを変更する必要があるようだ。

 

CakePHP : 共通レイアウトの変更(画面デザイン・CSS) - bnote

CakePHP2 でオリジナルのレイアウトを使うための2つの作業 | oki2a24

画面をカスタマイズしたい(CakePHP修行 #014) | IDEA*IDEA

【CakePHP】初心者向け・レイアウトの変更方法 | atomicbox

 

ログイン画面に独自のCSSを適用させたい!!

 

Bootstrapは無料のテンプレートも豊富

使いやすいアイコンなどなど

ひと味ちがうTwitter Bootstrapの18個の無料テンプレート&有料まとめサイト - 酒と泪とRubyとRailsと

ダッシュボードのテンプレート

AdminLTE·ここまで多ければ何でもできそう。多機能なBootstrapベースの管理画面テンプレート MOONGIFT

 

他にも調べれば調べるほど色々出てくるテンプレート。

自分のサイトもこんな風になれるのかしら、と淡い期待を寄せる。。。

 

Jetstrapを使えばBootstrapがドラッグ&ドロップで使える!

初心者の私には神のようなサイトもありました。

ドラッグ&ドロップでサイトを組み立てられたら、テンプレートすら必要なくなるかもしれません。

(初心者にはテンプレートの導入&アレンジすら難しく感じるのです。涙)

 

BootstrapのUIがドラッグアンドドロップだけで組める!最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 | Chrome Life

 

ということで、CakePHPでBootstrapを使う時のまとめ、でした。

実際に色々出来るようになったら、さらに詳しく書きたいと思います。

コマンドプロンプトとは?(Xampp/CakePHPユーザー)

こんにちは。本やネットの情報を見ながらプログラミングをしているものの、基本用語がわからなくて躓きまくりのW子です。

 

そんな超初心者の私は、コマンドプロンプトという単語が出てきても、どのように起動するかもよくわからなかったので、起動方法と超超超初歩的な動かし方をまとめました。

 

コマンドプロンプトって何するところ?

 

命令するところらしい。そのままや。(*´Д`)

MySQLを呼び出してデータベースををいじったり、ファイルを呼び出してコードを入力する時に使うようです。

 

コマンドプロンプトは別名「コマンドシェル」ともいい、キーボードから入力したコマンド(命令)を使って、 Windowsと直接的に対話するようにシステムを操作するためのプログラムです。 コマンドプロンプトでは、文字入力による「コマンド」という命令を使って、さまざまな処理を行います。 <引用:Windowsコマンドプロンプト 実践技&ウラ技大全>

  

コマンドプロンプトを起動する

 

  1. Xamppを開く
  2. 右側にあるShellボタンを押す

以上!意外と簡単でした。絵的に確認されたい方はこのサイトへ。

コマンドラインからPHPを実行 - XAMPPの使い方 - PC設定のカルマ

 

コマンドプロンプトでMySQLを動かす

 

  1. mysql -u root -pと入力し、Enter押す

するとmysql>という文字が現れるので、そこからスタート。終了はexitでEnter。

詳しくはこちらに。

MySQLの基本構築と、XAMPP・コマンドプロンプトでの開発環境の設定 | 小さな足跡

 

コマンドプロンプトで使うコード解説

 

このサイトにコマンドプロンプトのコード解説がありました。いっぱいあるー。ありがたし。

初めてのコマンドプロンプト/Command Prompt

 

ということで超簡単ですが、コマンドプロンプトまとめでした。完全初心者向けで申し訳ないです。もっと勉強します。

CakePHPでログイン画面を作る方法

こんにちは。今日も悲しいくらいCakeもBakeもPHPもわかっていないW子です。

そんな私ですが、SNSサイトをつくるという目的に向け、今日はCakePHPでログイン画面を作りたいと思います。(前に進むことが大事。うん。)

 

初心者の私に自力でプログラムを書くことは不可能なので、最初からプラグイン導入作戦を決行することにしました。どうやらCakeDC Usersというプラグインが神、との噂なのでこれに決定。

 

CakeDC Usersプラグインで出来ること

  • ログイン・ログアウト
  • 新規登録
  • 会員認証
  • エラー対応

などなどがまるっと出来るらしい。

 

CakeDC Usersのダウンロード方法

 

CakePHPのプラグインはGitHUBというサイトからダウンロード出来ます。

CakeDC/users · GitHub

CakeDC/utils · GitHub

CakeDC/search · GitHub

 

手順

  1. ファイルのダウンロードし、解凍する
  2. ファイル名を変える(名前についている「-master」部分を削除)
  3. ファイルの移動 移動場所は、xamppフォルダ→htdocs→開発しているWebサイト用CakePHPフォルダ→app→pluginフォルダの中
  4. コマンドプロンプト起動
  5. コマンドプロンプトにコピペで下記を張り付け、Enterを押す        php C:\xampp\htdocs\ファイル名\app\Console\cake.php schema create users --plugin Users
  6. TableをDropする?とかTable作る?とか聞かれるので、全部YesのYでEnter
  7. テキストエディタでxampp/htdocs/制作中フォルダ/app/Config/bootstrap.phpを開き、適当な空きスペースに(真ん中あたりとか?? CakePlugin::load('Users'); CakePlugin::load('Search'); CakePlugin::load('Utils'); と書いて保存する
  8. xampp/htdocs/制作中フォルダ/app/Configフォルダの中のemail.php.defaultというファイルの名前をemail.phpに変更する
  9. http://localhost/制作ファイル名/users/users/addで画面を確認!

一緒にダウンロードしたファイルは、ファイルの移動だけで触らなくていいみたい。

 

 

こちらの二つのサイトを見ながら完成させました。

 

CakeDC の Users Plugin を最小インストールする方法♪ | oki2a24

CakePHP ユーザー登録機能を作成する。 | gworks web site

CakeDCのusersプラグインをインストールして、動作確認する | 大輔べ

 

とりあえず、CakePHPでログイン画面を作ることに成功。アレンジは必要だけど、大満足です。

 

ただこれだけでは全て英語表記だし、変更が必要。

このサイトがその時のヒントになるかもしれません。

[CakePHPプラグイン]Usersプラグイン | CodeLab技術ブログ

Cakephp 会員登録 cakedc users | Tips

CakePHP 2.x - ユーザ登録(仮登録・メール・本登録)

【超初心者向き】XamppとCakePHPのインストール方法

こんにちは。ミラクル初心者のW子です。プログラミングに関する知識を全く持ち合わせていないのに、SNSサイトを作ろうとしています。

 

そんな私は初心者が故に、本やネットの情報で当たり前のように書かれていることがわからなかったりします。なので本当に基本中の基本なのだと思うのですが、CakePHPのインストール方法を簡単に書きたいと思います。

 

Xamppのインストール方法

 

Xamppのインストール方法はこちらのサイトにてわかりやすい説明がありました。

 

 

インストールが終わったら、PCのファイルホルダーを開きC:ドライブにxamppというフォルダが新しく入っていることを確認しましょう。

 

Webサーバー上の公開ファイルとは

 

よく本やネットの情報で「公開ファイル」と書かれているのを見ますが、その公開ファイルとはつまり、xamppフォルダ内のhtdocsフォルダのことです。htdocsフォルダって書いてくれればいいのに、公開ファイルなんて隠語使われると慌てるわwww。

このhtdocsフォルダに、今後新しくWebサイト作成のためのフォルダを作って使っていきます。

 

CakePHPをダウンロードしよう

 

ダウンロード手順

  1. 公式サイト(日本語)http://cakephp.jp/ からファイルをダウンロード
  2. ファイルの解凍
  3. ファイルをhtdocsフォルダの中に移動
  4. ファイル名を好きな名前に変える

詳しくはこちらのサイトにまとまっています。

 

CakePHP bakeによる高速開発 – 虎の巻 | hijiriworld Web

これで環境が整いました!これからはとうとう開発に入ります。

テキストエディタSublimeのインストールと日本語化

 テキストエディタのSublimeが超絶使いやすいと聞き、早速使ってみることにしました。

 

インストール方法と日本語化の方法はこのサイトを参考にさせていただきました。



NetbeansをWindowsにインストールしてLaravelを使う方法まとめ

初心者のくせにNetbeansをダウンロードしようとしているW子です。何故って?Laravelの本にNetbeansダウンロードしろって書いてあったから(素直か)。Netbeansのダウンロード自体は難しくなかったので、さくっとまとめてみました。

 

Netbeansで出来ること

 

こんなことが出来るよ。

Netbeansのインストール方法

 

Windows8にNetBeansのインストール | WinRoad徒然草

 

でも、このとおりにPHP版をダウンロードしようとしたら、配給元のOracleさんに,

「君のパソコンJDK入ってないからムーリー」

って拒否られたので、下のサイトからJDK+Java用Netbeansを一回ダウンロードして、改めて上のPHP版のNetbeansをダウンロードしたよ。

 

JDK 7 with NetBeans - Downloads | Oracle Technology Network | Oracle

 

二つのシステムが別々に入っちゃうのかと思ったけど、すんなり一つのNetbeansさんにまとまってくれてた。さすがOracle。

 

NetbeansとLaravelの関連付け

 

NetbeansをインストールしただけではLaravelは使えないので、Netbeansを開いて関連付けてあげる必要がある。方法はこちら(再掲)。

 

Windows8にNetBeansのインストール | WinRoad徒然草

 

これですごく使いやすいという噂のNetbeansが使えるー( *´艸`)まだ何も触ってないけど…。

 

追記:NetbeansでCakePHPを使う際は、このサイトがわかりやすかったです。

 

NetBeans CakePHP2.0を動かす環境を簡単につくる[改定] | junichi11.com