クラス自身が持つプロパティとメソッド ■ポイント ・プレフィックスにstaticを付与する。 ・クラス内でクラスプロパティにアクセスする際は「self」使う。 ・クラスプロパティ/メソッドのアクセスは、[クラス名::xx;]■コード クラス定義ファイル name = $nam…
Apacheコマンド XAMMP 7.1.1-0(Apache Web Server)を利用================== 事前準備 利用環境 ・macOS Sierra 10.12.5■バージョン確認 httpd -v Server version : 2.4.25(Unix) Server build: Jan 20 2017 06:44:39 ■参考 http://ameblo.jp/ichitaka/entry…
カプセル化 カプセル化とは、クラスのプロパティとメソッドへのアクセスを制限することを言う。 子クラスからでも親クラスのprivateはアクセスできない。子クラスからアクセスする場合はprotectedを付与する。=== アクセス権 public:どこからでも可 protecte…
外部参照 ・記述が多くなって来た場合、「クラス定義用ファイル、データ生成用ファイル、ビュー用ファイル」など、ファイル分割を行う。 ・いまのところ、ファイル最上部に外部参照記述をする。 <html> <head>...</head></html>
endforeachを用いた制御文 ポイント ・他の制御文も同様の書き方で利用可能。 ・{が:、}がendforeachへ変わる。 ・foreach文の中で、通常のhtml要素を利用可能。 ・ここでは代表としてendforeachを扱う。わからないところ ・p要素を３回出力すると、p要素にm…
オブジェクト指向の基礎 <body> <div class="container"> <h1></h1> <p> name = $name; } public $name; //プロパティ public function havePen(){ //メソッド echo 'I have a pen<br>'; } public function hello(){ …</p></div></body>
MariaDB(mySQL)の基本コマンド XAMMP 7.1.1-0(MariaDB 10.1.21)を利用================== 事前準備 利用環境 ・macOS Sierra 10.12.5■環境変数にパスを追加 // .bash_profileにパスを追加 echo export PATH='/Applications/XAMPP/xamppfiles/bin:$PATH' >> ~…
入力フォームのテンプレート ■index.php(入力画面) <form action="recieve.php(url送信先)" method="post"> Email <input type="text" name="email"> 内容 <textarea name="content"></textarea> 年齢 <select name="age"> <option>10代</option> <option>20代</option> <option>30代</option> </select> <input type="submit" value="送信"> </form>
PHP関数の基本 ■関数の作成 function functionName($arg){ echo $arg * $arg; return $arg + $arg; }■関数の呼び出し functionName(arg);■関数 ・strlen('Hatena') 文字列の文字数を返す ・count($colors); 配列の要素数を返す ・rand(1,5) 1~5までの整数を…
ライブトレース 絵はうまくかけないけど、写真をもとにフレームを利用したい場合に活用。 ■手番 1.画像を取得しカンバスに配置 2.背面準備 ・写真の下にレイヤーをつくり、白塗りの長方形をつくる ・「効果＞パスの変形＞ジグザク」で切手風にする。 ・「効…
PHP基本文法 ・コメント １行→// or # N行→/* ~ */・データの種類（大きく） 整数 int 不動小数点 float,double 文字列 string 真偽値 boolean・変数 $ $name = 'Hatena-san';・文字列の連結 echo $study.'PHP'; echo $study.$language; $name = 'Hatena'; $…
いい感じのウェブサイト〜企業サイト〜 企業サイトで印象に残ったものを記載していきます。www.tokyometro.jp ・とにかく動きが多く、クリックしたくなる。 ・全体を通してキャラクターを活かした親しみやすさが印象的。 ・ローディングやファビコンには鈴、…
いい感じのウェブサイト〜お酒〜 お酒に絡んだもので印象に残ったサイト記載していきます。www.nikka.com ・自分の好きなウイスキー（ピュアモルト） ・Imgはhoverした際にopacityがかかるようになってます。逆パターンの場合、「強調」を強く表現したい際に…
いい感じのウェブサイト〜Color〜 色使いの観点で印象に残ったものを記載していきます。■Color www.postable.com ・カラーバランス、アクセントカラー(黄色)の使い方が綺麗。 ・文字もコントラストがしっかりしていて視認性が高い。finesseatelier.com ・HOM…
スキルレベルの確認(html,css)現在のレベル：2.8位 ノーマル (基礎的な知識があり，ある程度の画面を作れるようになった段階） 次のレベル：3 中級者 (Webアプリの開発プロジェクトで１人月としてカウントできる水準)■参考 HTMLとスタイルシート（CSS）の業…
transitionプロパティ(時間的変化の過程) 主に:hover時の動きに時間的変化をつける。■ポイント ・ショートハンドである。 ・各プロパティのざっくり説明 transition-property：どこを（背景色を） transition-duration：どれくらい（1.5秒位で） transition-…
上位表示(SEO)の考慮ポイント 随時更新■大きな点 ・アウトラインが正しい文書構造になっていること ・文法エラーが存在しないこと ・レスポンシブ対応がされていること ※いずれもツールチェックを必ず行う。■細かい点 ・直下(囲むdivやsectionはよい)に「h1,…
アイカツの曲で打線組んだ アイカツスターズは含んでいません。 いい曲順ではなくチームとしての打線組みです。■アイカツ打線 1 中 ダイヤモンドハッピー www.youtube.com2 二 Stranger alien www.youtube.com3 遊 Friend www.youtube.com4 左 Move on Now w…
画像マウスオーバー時にメイン画像を切り替える <script> function myChgPic(myPicURL){ document.getElementById('myBigImage').src = myPicURL; } function myRtnPic(rtnPicURL){ document.getElementById('myBigImage').src = rtnPicURL; } </script></head> <body> <div class="container"> <h1>サムネールにマウ</h1></div></body>…
Imageオブジェクト 画像に関する情報を提供したり，画像を操作したりするオブジェクト。■使用例 JavaScript006 画像クリック時に順番にループするよう切り替える - ねこきっくぱんちのメモ帳■参考 Image() - Web APIs | MDN JavaScriptリファレンス - Image…
画像クリック時に順番にループするよう切り替える html <script> //配列準備 var Images = new Array(); Images[0] = new Image(); Images[0].src = "img/p1_300.jpg"; Images[1] = new Image(); Images[1].src = "img/p2_300.jpg"; Images[2] = new Image(); Image…
カスタムシェイプでロゴ作成 ■手番 1.カスタムシェイプツールを選択肢、それっぽい絵柄を選択する。 2.レイヤーからグラデーションオーバーレイなどで色をつける。 3.パス選択ツールで形を変形させる。 ※PNG書き出しで背景がつかないロゴのみを出力可できあ…
コーディング規約 (個人) 悩まず迷わず効率的な開発ができるよう、 考えて決めた事に関するコーディング規約を記載していきます。 ※随時更新0.心得的なところ ・htmlは「文書構造」を作る。 ・htmlの文法及びアウトラインチェックが完了後、css記述にうつる…
スキルレベルの確認 現在のレベル：1.6位（初学者） 次のレベル：2（ノーマル）■参考サイト JavaScriptの業務スキルレベル 判別表 （５段階） - 主に言語とシステム開発に関して JavaScript講座 | 無料オンライン学習・講座で資格取得・スキルアップするなら…
インクリメンタル検索の実装 隙を見て以下サイト参考にサンプル実装したい。（備忘） incsearch.js を利用して、インクリメンタルサーチを試してみる - Qiita
健康でない時に見直すポイント 1.食べる 2.寝る 3.筋トレ 4.風呂 5.笑う ■具体的な対策 1.食事 ・食事を3-4時間おきにする。（血糖値の安定化） ・食後１時間後が一番血糖値が高い ・間食にビーフジャーキーがおすすめ（おいしい） ・食事の最初は、納豆、野…
キービジュアルで考える事 まずは本やプロのデザイナーから教わったことを記載していきます。■重要なこと 1.色のコントラスト（白黒） ・まず第一に「文字が読める」状態であること。 ※薄緑に補色を使うの際には注意が必要。 ・背景色を強くしすぎない（商品…
いいデザインをするために考える事 ■いいデザインの定義 自分の言葉で記述していき、随時アップデートします。 ・目的がはっきりしている。（コンセプト、ターゲット、何がやりたいのか） ・目的に沿った(根拠のある)デザイン(フレーム、色使いなど)になって…
■結果 ■手番 １．多角形ツールでオブジェクトを２つつくる。 ２．最初と最後の位置にオブジェクトを配置する。 この時グラデーションの色も最初と最後の色に変更しておく。 ３．ブレンドツールで最初を選択（１クリック）し、次に最後を選択（１クリック）す…
■結果 ■コード <html lang="ja"> <head> <meta charset="utf-8"> <title>Date();</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width"> </head> <body> <h1>日付を取得するプログラム</h1> <p><button onClick="getDate()">生成する</button></p> <h2 id="ans">"Answer will be r…</h2></body></html>
