one's way blog

ワクワクを生み出せるWebエンジニアを目指して。

【41:jquery-ui 】jquery-uiを使って簡単に様々な表現を行う

f:id:seintoseiya:20151112194350p:plain
プロジェクトNo.41:jquery-ui - DEMO

久しぶりの投稿です。
ここ最近は学生向けのWebデザインコンペティションの企画などしていました。
とはいうものの、自分自身まだまだ勉強すべきということは十分承知なので、ブログも再開して頑張っていきたいと思っています。

前置きはこの辺にして、今回はjquery-uiというライブラリを使ってみたいと思います。
jQueryjavascriptの便利ライブラリとしたら、jquery-uiはjQueryの便利ライブラリのようなものです。

続きを読む

PHPのプリペアドステートメントで実行させるSQLを確認してみた

f:id:seintoseiya:20151002165853p:plain
PHPでユーザ入力値を使ってDB操作をする際に、プリペアドステートメントを使うと安全だ。
と色んなサイトに載っています。
実際にPHPマニュアルにも明記されています。

アプリケーションで明示的にプリペアドステートメントを使用するように すれば、SQL インジェクションは決して発生しません (しかし、もし信頼できない入力をもとにクエリの他の部分を構築している のならば、その部分に対するリスクを負うことになります)。

今回はプリペアドステートメントで実際に実行させるSQLをクエリログ上で確認したいと思います。

続きを読む

MAMPでMySQLのクエリログを出力する

f:id:seintoseiya:20150730172630p:plain
MAMPでクエリログを出力したい時のTipsです。

環境

MAMP : バージョン 2.0.5

設定

MySQLの起動用シェルスクリプト(/Applications/MAMP/bin/startMysql.sh)に以下の様にオプションを追加します。

/Applications/MAMP/bin/startMysql.sh
# /bin/sh
/Applications/MAMP/Library/bin/mysqld_safe --port=8889 --socket=/Applications/MAMP/tmp/mysql/mysql.sock --lower_case_table_names=0 --pid-file=/Applications/MAMP/tmp/mysql/mysql.pid --log-error=/Applications/MAMP/logs/mysql_error_log --log=/Applications/MAMP/logs/mysql_query.log &

ログファイル名は任意です。
MAMPの再起動を行うと、/Applications/MAMP/logs/にクエリログが出力される様になります。

【40:ユーザ管理画面 】PHPからDB基本操作

f:id:seintoseiya:20151009204216p:plain
プロジェクトNo.40:ユーザ管理画面 - DEMO

前回の超簡素なログインシステムに引き続き、ユーザ管理画面を作りました。
SELECT, INSERT, DELETE, UPDATEと基本的な機能のみを考えて、なるべくセキュリティにも気を使いました。

続きを読む

【39:PDO 】ログインシステム - PHPでDBに接続

f:id:seintoseiya:20151002165853p:plain
プロジェクトNo.39:PDO - DEMO

PHPの変数やループなどの基本的な書き方はわかってきたら、次のステップはPHPからのDB接続。
単にDB接続と言っても色んな書き方があったり、セキュリティを気にしなくてはいけなかったり、結局どういう風に書けば良いの?
ということで調べてまとめてみました。

続きを読む

【38:matter.js 】重力やバウンドを表現できる物理演算エンジンを使ってみる

f:id:seintoseiya:20150913233637p:plain
プロジェクトNo.38:matter.js - DEMO

重力、バウンド、慣性。これらを表現するには数学的知識とそれを実装する根気が必要です。
そんなものは持ち合わせていない私は、先人が作った素晴らしい物理演算エンジンのmatter.jsを使うことにしました。
なんとスマートフォンにも対応しているとのこと。
モジュールがたくさんあって使いこなすには結構かかりそうなので、今回は基本的な部分だけ。

続きを読む