ねっとぱんだ-プログラミング勉強ブログ-

Webデザイン、プログラミングの勉強ブログ。

【PHP】簡易掲示板

PHP

某学習サイトのチュートリアルで簡易掲示板を作りました。 全体像 index.php bbs.dat index.phpから入力した値をbbs.datに保存。 bbs.datのデータをあるだけindex.phpに表示する。 制作時間 3時間 反省、改善点 セキュリティの面を調べて付け足していく。 デ…

【Unity、C#】玉転がしゲーム チュートリアル

unityの日本語チュートリアルで玉転がしゲームを作成しました。 Home · unity3d-jp/FirstTutorial Wiki · GitHub 制作時間 2時間 目標 チュートリアルの完遂。 Unity基本操作の理解。 C#の触りを体験する。 改善点、今後 APIを調べて独自の動きやゲーム性を…

【php】レコードの削除・更新とTransaction

レコードの更新、排除 レコードの削除 レコードの名前を指定して削除するsql文をprepareで指定 executeでプレースホルダーに消したい名前を指定して実行。 rowCount() PDOStatement->rowCount() — 直近の SQL ステートメントによって作用した行数を返す。引…

【php】phpのエラー

PHP

PHPのエラー 大きく分けて3つ パースエラー(シンタックスエラー) 文法を間違っている場合。一行も実行されない。 実行時のエラー 実行が中断されるエラー(Fatal Error致命的なエラー)問題のある点でエラーになり実行が止まる。未定義の関数を呼び出そうと…

【php】FETCH_CLASS

PDO::FETCH_CLASS クラスを作る class User{ //fetchクラスモードではカラムを自動的にクラスのパブリックのプロパティにセットしてくれる。 //privateにしたいときとかはここでセット public $id; public $name; public $score; public function show(){ ec…

【PHP】全件抽出と条件付き抽出

全件抽出 fetchAll(PDO::FETCH_ASSOC) 結果に含まれるすべての行を配列で取得。キーと値のペアの配列で帰ってくるよう指定。 $stmt = $db->query('select * from users'); $users = $stmt->fetchAll(PDO::FETCH_ASSOC); foreach ($users as $user){ var_du…

【PHP】PDOでデータを挿入、bind

PDOでsqlを実行する手段 exec():結果を返さない、安全なsql query():結果を返す、安全、何回も実行されないsql prepare():結果を返す、安全対策が必要、複数回実行されるsql悪意のあるコードの対策ができる。 prepareを使ってレコードを挿入 prepare 文を実…

【PHP】データベースとの接続

PHPでデータベースを使う PDO php data object PHP標準(5.1.0以降)のデータベース接続クラス。MySQLやPostgreSQLやSQLiteなど、色々なデータベースに接続するための命令どのデータベースを使う場合でも同じ関数を使える。 引用:http://www.php-labo.net/tu…

LAMPについて

LAMP Webアプリケーションを開発する環境 Linux / apache ( nginx ) / MySQL / PHP(perl, python) Linux 参考:http://www2.kumagaku.ac.jp/seminar/~st-sakai/zemi02/e321/soturon2.htmlhttps://allabout.co.jp/gm/gc/427277/ Linuxは1991年にフィンランド…

MVC

MVC 引用 https://ja.wikipedia.org/wiki/Model_View_Controllerhttp://www.objective-php.net/mvc/about MVC Model View Controller 処理を3つの役割に分割して実装する手法ユーザーインタフェースをもつアプリケーションソフトウェアを実装するためのデザ…

【javascript】フレームワーク

javascriptフレームワーク 引用 https://furien.jp/columns/187/https://rdlabo.jp/angular2-364.phphttp://qiita.com/kmszk/items/2e3d6d2a71ae774d080a jsが有効化されているのが当たり前の時代jsフレームワークでviewを構築するような時代 フレームワーク…

フロントエンド

勉強不足だったためバックエンドとフロントエンドについて再度調べました。 フロントエンド 引用 http://postd.cc/front-end-and-back-end/https://www.internetacademy.jp/it/work-and-annual-income-of-front-end-engineer.htmlhttp://qiita.com/yori_a2c/…

バックエンド

勉強不足だったためバックエンドとフロントエンドについて再度調べました。 バックエンド 引用 http://postd.cc/front-end-and-back-end/https://freelance.levtech.jp/consulting/detail/138/ バックエンドエンジニア ・単一の環境、サーバ上で仕事をする人…

【MySQL】複数テーブルの操作、ファイルの書き出し・読み込み

複数のテーブルを扱う 特定のテーブルから特定のフィールド select users.name from users; 複数のテーブルから抽出 select users.name,posts.title from users,posts; select以降のフィールド名とfrom以降のフィールド名の順番は同じに 2つのテーブルのフ…

【MySQL】文字列と日付

文字列 length 文字列の長さを表示 select email,length(email) from users; concat 文字列の連結 select concat(name,'(',team,')') from users; nameと(とteamと)を連結している 出力すると「nameの値(teamの値)」となる as 指定した名前で出力できる sele…

【MySQL】レコードの操作と検索

レコードの操作 複数行挿入できる insert into users (name,email,password,score,memo,created) values ('suzuki','suzuki@suzu.net','pass',3.2,'memo','2017-06-09 13:22'), ('tanaka','tanaka@mail.com','blue',7.6,'2014-3-02 10:12:22'); 挿入したレコ…

【MySQL】フィールドの設定

フィールドの設定 not null データが入っていてほしいフィールドに指定 default データが未入力の時、デフォルトで指定する auto_increment 自動で連番の数値を入れる create table users ( id int not null auto_increment, name varchar(255), email varch…

【MySQL】コマンドラインでの操作

mysqlの場所 引用:https://webkaru.net/mysql/mamp-command-line/ cdコマンドでMAMPのコマンド群があるディレクトリに移動 mamp cd /Applications/MAMP/Library/bin/ xampp cd C:\xampp\mysql\bin mysqlを起動 $ ./mysql -u root -p パスワードを入力する。(…

【php】cookieとsession

PHP

cookie 引用:http://php.net/manual/ja/features.cookies.php リモートブラウザに文字列データを保存したり、 再訪するユーザーを特定したりする機構 下記を実行した後に、 setcookie~を消してもブラウザに値が保存されているので書き出せる。 別ページから…

【php】例外処理の基礎

PHP

例外処理 引用:http://php.net/manual/ja/language.exceptions.php 以下の関数を実行すると5割る0が実行されてwarningが出る。 function div($a,$b){ echo $a/$b; } div(7,4); div(5,0); warningではなく別の処理をしたい場合、例外処理を記述する。 throw n…

【php】外部ファイルの読み込みと名前空間

PHP

外部ファイルの読み込み require エラー時にfatal errorとなって処理が止まる require_once 一度読み込まれている場合、再度読み込まれることはない。 include エラー時にWarningが出力されて処理は実行される include_once 一度読み込まれている場合、再度…

【javascript・SVG】SVGの基本とjavascriptを使ってのアニメーション

svg scalable Vector Graphics 拡大縮小してもきれいに見える XMLで書かれている svgタグの書き方 <svg width="600" height="300" viewBox="0 0 400 200"> <rect width="400" height="400" fill="red"/> <rect width="100" height="50" fill="blue"/> </svg> 閉じタグない物には「/」を末尾につける。 下に書いたものの方が描画するとき上に描画される rect 四角形を作れる。 viewbox svgのどの位置を枠の中に表…

【javascript・css3】jsで作るtoggleメニュー

DEMO 目標 Timer処理でのスライドイン・アウト表現 javascriptでcss3のアニメーションを動かす 反省、改善点 コードの簡略化 heightを自動で取得できるようにする。 css3でもう少し簡単にかけるかもしれない。 コード html <div> <p id="nav_btn"> <span id="mark"> <span></span> <span></span> </span> </p> <ul id="toggle_menu"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li></li></ul></div>

【MySQL】MySQLとphpMyAdminの操作

PHPMyADminでのテーブルの作成 phpMyadminにアクセス データベース>データベース名入力 utf-8_gelneral_ci を選択 作成 テーブル作成 名前は受け取るデータに則したものに カラム数はデータの種類分作る> カラムを作る。idはデータ型をINTにしA_Iにチェック…

【基礎知識】データベースの種類

参考:http://www.oracle.com/technetwork/jp/articles/index-155309-ja.html リレーショナルデータベース いくつかの表を関係( Relational )させるデータベース データを列と行で2時限的に表している。 リレーショナルデータベースの用語 参考:https://acad…

【WordPress】ローカル環境でインストールする

データべ-スを作成 xamppを起動してMySQLのadminをクリック 「データベース」画面に行く 名前を入力、照合順序でutf-8の「general_ci」を選択 作成をクリック、データベースができる wpをダウンロード wordpressをダウンロードしてローカルサーバーのファイ…

【SEO】googleサーチコンソール

【SEO】googleサーチコンソール googleサーチコンソール googleアカウントにログイン アプリケーション>ビジネス向け>serch console プロパティの追加からurlを追加していく。 確認ファイルが生成されるので確認ファイルをダウンロード indexと同じフォル…

【PHP】簡易的なフォーム練習

PHP

フォーム作成順序 1.入力ページ(今回はindex.php)を作成<form></form>タグを記述して、その中に< inpput >を記述していく。 今回使用するフォーム text テキストをを入力できる textarea 複数行を入力 name 指定したnameに入力した値が格納される。 今回はtableタグで囲…

【HTML PHP】フォームの作成

基本的なフォーム 引用:http://www.kanzaki.com/docs/html/htminfo31.html form 形,形状、方式HTMLでは「何を」「どこに」「どうやって」送るかを示す手段 フォームの主要な属性 action属性 データを受け取るプログラムを指定。action属性の値はデータを受…

MAMPの導入

MAMPとは MAMP 「Macintosh」「Apache」「MySQL」「PHP」の頭文字をとったもの 公式サイトでダウンロードhttps://www.mamp.info/en/ MAMP起動後、「preferance」の「ports」を確認。80にする。8000だとスカイプと被る。 タイムゾーンの初期化 macでdate直す…

【Javascript】フェイドイン・アウトするスライダー

DEMO 目標 複数の画像をフェイドイン、アウトして切り替えていく 読み込んだ時、画像をランダムに表示 ボタンを押すと特定の画像を表示 画像の切り替えに合わせてボタンも切り替わる 実装 2枚の画像を重ねることで対応。z-indexとopacityをタイマー処理で増…

【php】オブジェクト、クラス、インスタンス

PHP

参考 : http://qiita.com/mpyw/items/41230bec5c02142ae691 オブジェクト、クラス、インスタンス 引用 http://wa3.i-3-i.info/word13563.html オブジェクト クラスとインスタンスを指す? クラス 「型」、「設計図」属性(プロパティ)と操作(メソッド)を…

【webデザイン】デスクトップとノートどちらが多い?

いくつかのサイトを個人的に要約しました パソコンはデスクトップ派?ノート派?レビュー比較 ※2016年のデータ 引用 : http://xn--qdktbt0ew792bce1b.xn--tckwe/2016/09/18/%E3%83%91%E3%82%BD%E3%82%B3%E3%83%B3%E3%81%AF%E3%83%87%E3%82%B9%E3%82%AF%E3%83…

【webデザイン】シニア向けサイト製作時の注意

いくつかのサイトを個人用に要約しました。 50以降向けサイト 引用:http://hi-posi.co.jp/tech/?p=330 大きめのフォント わかりやすいテキストリンク リンク領域の分かれ目は分かりやすく。 ボタンは大きく立体感を出す。フラットデザインのボタンは分かり…

【webデザイン】検索キーワードの決め方

いくつかのサイトを個人用に要約しました。 検索キーワードの決め方 【保存版】かんたん!「SEOキーワードの正しい選び方」 引用:https://seopack.jp/seoblog/20160502-choose-kw-easily/ キーワード候補を出す 思いつきでキーワードを出す 思いつくものを…

【javascript】キャラクターを操作して動かすアニメーション

DEMOこれが歩きます。 関数をまとめるところは今後やっていきます。。。 <html lang="ja"> <head> <meta charset="UTF-8"> <style> #img{ position:absolute; z-index:-999; top:100px; left:100px; } .controlar{ position:static; z-index:999; width:100px; height:100px; text-align:center; } .controlar s</meta></head></html>…

【webデザイン】AMPとは?対応方法記載ページなどまとめ

AMPについていくつかのサイトを個人用に要約しました。 AMPとは 引用 https://webkikaku.co.jp/blog/seo/accelerated-mobile-pages/ AMP (Accelerated Mobile Pages): Accelerated=加速される という意味。 Googleが推し進めてきたプロジェクト。 検索結果に…

【webデザイン】スマホサイトの製作とUI/UXの注意点

スマホサイト制作と注意点 スマホサイト制作とその注意点についていくつかのサイトを個人で見返す用に要約しました 引用サイト1 http://www.trive-media.com/blog/849 スマホサイトの特徴 指による操作タップ操作 指のクリック範囲はマウスより大きい 画面が…

【webデザイン】レスポンシブサイト製作と注意点まとめ

レスポンシブサイト制作について 個人的に見返す用としていくつかのサイトの要点をまとめました。 引用サイト1 https://ferret-plus.com/2614 レスポンシブの特徴 単一のHTMLの表示をmedia queriesで切り替える 最小横幅・最小縦幅にあわせてCSSを複数記述す…

【リサイズ】バナー制作 41〜42枚目

模写リサイズ サイズ ① 300*250/10min 728*90/5min 160*600/5min Toolphotoshop サイズ ② 300*250/5min

【模写】1day1banner (1日1つバナー制作33日目)

1日1つバナーを作っていきます。 模写リサイズ サイズ300*250/10min 728*90/5min 160*600/5min Toolphotoshop

【模写・リサイズ】バナー制作 40枚目

模写リサイズ サイズ300*250/10min 728*90/5min 160*600/5min Toolphotoshop

【模写・リサイズ】バナー制作 39枚目

模写リサイズ サイズ300*250/15min 728*90/15min Toolphotoshop

【模写・リサイズ】バナー制作 38枚目

模写リサイズ サイズ300*250/10min 728*90/5min 160*600/5min Toolphotoshop

【webデザイン】サイト作成時のヒアリング

サイト制作の為のヒアリング クライアントワークに取り掛かるに当たって、いろいろなサイトを参考にヒアリング時に必須な項目を割り出しました。 参考サイト1 Webデザイン制作のために、絶対に質問すべき64のコト | WebサイトやアプリのUI/UXデザイン会社 コ…

【jQuery】toggleをmigrateで有効にした画像置換

DEMO <html> <head> <meta charset="utf-8"> <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> </head> <body> <p id="imgChange"><img src="../img/buta.jpg"></p> <script> $(function(){ $('#imgChan…</body></html>

【jQuery】バージョンの差異を解決 jQuery Migrate

引用元 jQuery Migrate pluginを使ってみる。 | バシャログ。 廃止されたAPIを使おうとしたり、挙動が変わった機能を使おうとした際に、ブラウザのコンソールに警告を出力する。 +廃止されたAPIを復元する例えばtoggleメソッドは1.9では排除されているが jQu…

【jQuery】jQueryの高速化

バージョンを分ける 引用元 jQuery高速化!処理速度を10倍上げるテクニック20選 jQuery 2.x 系 モダンブラウザに最適化されたバージョン(IE6/7/8はサポート対象外) jQuery 1.x 系 古いブラウザにも対応したバージョン IE9以上ならなら2.x系をIE9以下なら1.…

【jQuery】readyイベント

javascriptはHTML,CSSの読み込みが全て終わってから読み込まれる必要がある。 jQueryでの記述 以下は全てjQueryをHTML,CSSの読み込みが全て終わってから読み込ませる書き方。 $( document ).ready( function() { }); $( document ).on( 'ready', function() …

【jQuery】thisセレクター

メソッドを指定するときは$(this)と記述する (jQUeryのオブジェクトではなくDOM要素なので) $(this).css('color','red'); イベントハンドラ内のthisはイベントの対象が指定される 親、先祖要素を指定 親要素を指定 $(this).parent() 親or先祖要素を指定 $(…