CakePHP3でメールを送信する

ロリポップのレンタルサーバーから、Gmailへメールを飛ばしてみる。1.ユーザー専用ページへアクセスする 2.左サイドバーの『メール』から『メール設定/ロリポップ!webメーラー』を選択する 3.『新規作成』ボタンをクリックする 『メールアドレス』と『パス…

emojioneを使う

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。1.サイトへアクセスする GitHub - emojione/emojione: EmojiOne™ is the open emoji standard. #iwantemojione 2. /lib/js/emojione.min.jsへアクセスし、コピペしてemoj…

jQueryで要素の幅に応じて、コンテンツの位置を入れ替える

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。CSSだけで、要素の幅に応じて、2つのタグを交互に移動するみたいな機能が見つけても、なかったので、jQueryで作ってみた。目的は、レスポンシブで、要素を動かしたかった…

jQueryでウィンドウの幅を調べる

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。HTML側 <div id="size"></div> <div id="size2"></div> jQuery側 $(window).on('load resize',function(){ $('#size').html('windowの横幅:' + $(window).width()); $('#size2').html('スクロールバーも含めたwindow…

CakePHP3で部分テンプレートを使う

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+CakePHP 3.5.8。複数のテンプレートで共通する部分を部分テンプレートとして読み込みたいと思い、作り方を調べたのでメモ。ファイル名は任意で良いのですが、今回は、以下のファイルを、partial_temp…

自分用の正規表現メモ

■直前の文字がないか、1文字だけある場合 【例】URLで末尾に、/がある場合とない場合、2つ書かなくて、1本化できる。 ? 参考リンク 正規表現を体系的に学ぶつもりがない人のためのプチ講座 - Qiita

JavaScriptで詰まったところ

■ページ遷移せずにURLを書き換えるには? ・ページ遷移せずにURLを書き換えるにはhistory.pushState(state, title,url);を使います。 ・以下のコードは、test.comであれば、ページ遷移をせずに、test.com/hogeに書き換えることになります。ただし、(ローカル…

Firefoxのアドオンを自作して遊ぶ

開発環境は、Windows 7 Professional(32bit) + Firefox 58.0.2(32bit) 。ちょっとした思いつきだけれど、firefoxでアクセスしたページで、イノベーションという言葉を見つけたら、すべてをおちんちんという言葉に置換するアドオンを作ってみようと思いました…

Webサイト制作時のおすすめサイト

■ローディングgif画像 ローディングアニメーションgif集 画像フリー素材|無料素材倶楽部 そのまますぐ使える!ローディングGIF画像と便利な作成ツール21選|ferret [フェレット] ■画像を透過させる WEBブラウザ上で簡単に透過PNG画像を作成できるツール - PE…

Bootstrap4で詰まったところ

開発環境は、Windows 7 Professional(32bit) + Firefox 58.0.2(32bit) + Bootstrap 4。■クリックイベントでモーダルを表示したい inputタグのbutton属性やbuttonタグなどに、data-toggle="modal" data-target="先頭に#付きのモーダルのid"を追加すると、クリ…

WindowsでNode.jsを使う

開発環境は、Windows 7 Professional(32bit)。1.公式サイトへアクセスする。 Node.js 2. 8.11.1 LTSと書かれたボタンをクリックする。インストーラがダウンロードされる。 3. ダウンロードしたnode-v8.11.1-x86.msiを実行し、インストールする。 4.コマンド…

JavaScript(jQuery)で親要素と子要素のイベントが被らないようにする

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。下記の例だと、黒い四角内をクリックすると『親要素』というアラートが表示され、赤い四角内をクリックすると『子要素』→『親要素』と2回アラートが表示されてしまう。HT…

MySQLで詰まったところ

開発環境は、Windows 7 Professional(32bit) + MariaDB 10.1.25。■selectで複数のテーブルからデータを取得する場合に、カラム名を指定する場合の省略の仕方 もしかしたら、こういう書き方もありなんじゃないかとやってみると、うまくできたのでメモしておく…

jQueryのanimateを用いてページ下部にメッセージを表示させる

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。ボタンをクリックすることでページの下部に、メッセージを3秒間させるアニメーションを作成する。heightが0pxなので、読み込んだ時点では、Message部分は見えない。HTML…

ファイルを一斉に起動するバッチファイルの作り方

開発環境は、Windows 7 Professional(32bit)。パソコンを起動したときに、いつも使用するファイルを、いちいち手動で起動するのは面倒なので、バッチファイルで自動で一生起動できるようにします。 start "" /MIN "起動したいファイルの絶対パスをここに書く…

javascriptで黒い丸をランダムに動かす

開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。最大5つの黒丸のxとyの位置を最初に決めておいて、描画し、そこから、100ミリ秒単位で、描画をすべて消して、xとyの位置をそれぞれ、ランダムで、-1,0,1のどれか加えて変…

PHPのempty関数に色んな値を入れた時の挙動

PHP

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+PHP 7.1.7。isset関数の挙動を調べたときに、empty関数はどうなのだろうと思って調べました。 null]; $val6 = ""; $val7 = "ok"; unset($val7); $val8 = -1; $val9 = 0; $var10 = ["fruits" => "ora…

PHPで詰まった部分

PHP

■文字列を数値に変換する (int)で型キャストするか、intval($val)を使う。■複数行に渡って文字列を書く ・変数を書いておけば展開もできる 実行結果 ■四捨五入する round 参考リンク PHP: round - Manual ■日付⇔Unixタイムスタンプに変換する strtotime - …

CakePHP3のTableにてログを出力する方法

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+CakePHP 3.5.8。例えば、Tableクラスの中のaftersave内のログを残したい場合、 /logs/debug.logに保存されている。 オブジェクトでも、var_dumpは書かなくて、そのまま変数を渡すだけ…

JavaScriptの正規表現で当てはまるすべてのパターンを抜き出す

例えば、liタグの中の要素を1つずつ抜き出して配列に入れることを想定する。 var str = "<li>test</li><li>test2</li><li>test3</li><li>test4</li>"; str.match(/<li>(.*)<\/li>/); 実行結果 Array [ "<li>test</li><li>test2</li><li>test3</li><li>test4</li>", "test</li><li>test2</li><li>test3</li><li>test4" ] この場合だと文字列中で、最初にマッチしてから</li>…

CSSのobject-fitをIEにも対応できるようにする

object-fit-imagesというJavaScriptファイルを用いて実現します。1.下記のサイトへアクセスする GitHub - bfred-it/object-fit-images: 🗻 Polyfill object-fit/object-position on <img>: IE9, IE10, IE11, Edge, Safari, ... 2.右側の緑の『Clone or download』を…

CakePHP3で共通する処理をまとめる

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+CakePHP 3.5.8。コントローラ、モデル、ビューで共通して使えるクラスの作り方を調べました。1.srcディレクトリ内に、任意の名前のディレクトリ(今回は、Utilsディレクトリ)を作成する。 2.Utilsディ…

AngularJSを使ってみる

1.公式サイトへアクセスする AngularJS — Superheroic JavaScript MVW Framework 2.『DOWNLOAD ANGULARJS』をクリックする 3.青い『Download』ボタンをクリックすると、Angular.jsのコードが表示されるので、 コピペして、『angular-1.6.9.min.js』(ダウンロ…

Flexでの左寄せ、中央寄せ、右寄せの方法

CSS

display:flex;で囲って、 左寄せはmarin-right:auto; 右寄せはmargin-left:auto; 中央寄せは margin-right:auto;margin-left:auto; margin:0 auto; margin:auto; のどれか。 <div style="display:flex;"> <div style="margin-right:auto;">左寄せ</div> <div style="margin-left:auto;margin-right:auto;">中央寄せ</div> <div style="margin-left:auto;">…</div></div>

CakePHP3でSQL文を直接書く方法

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+CakePHP 3.5.8。できれば、クエリービルダーを用いてSQL文を書かずに済ませたいところですが、SQL文が複雑になるほど、クエリービルダーではどうやって書いてよいか分からず、直接、SQL文を書いたほ…

jQueryのonメソッドでマウスホバーをし、動的に生成されたものにも適用する

開発環境は、jquery-3.2.1.min.js。マウスカーソルを合わせた*部分を、太字にして、話したら、元に戻す。 『liが先頭に追加』ボタンをクリックすると、先頭に、青い*が追加され、『liが末尾に追加』ボタンをクリックすると、末尾に、赤い*が追加される。 か…

CakePHP3でデータベースに登録したcreatedやmodifiedやupdatedなどを表示させる

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+CakePHP 3.5.8。postsテーブルのcreatedカラム内に投稿時刻を保存して、コントローラ側で受け取って、変数$postに入れて、それをテンプレート内で表示させる。 created ?> 実行結果 4/17/18 9:16 PM…

Windows7+XAMPPでIMagick(ImageMagick)を使う

PHP

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+PHP 7.1.7。Windows上でImageMagickのPHP拡張であるIMagickを使う方法をネットで調べても、あることはあるんですが、分かりづらい記事ばかりで、かなり、詰まってしまったので、メモしておきます。振…

PHPの配列と連想配列のキーがバッティングするとどうなるか?について

PHP

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+PHP 7.1.7。例えば、以下のような配列を、$a[0]で呼び出すと、13と表示される。 次に、以下を、配列ではなく連想配列として、キーを0にし、値を設定して、$a[0]で呼び出すと、12と表示される。 12]…

PHPのisset関数に色んな値を入れた時の挙動

PHP

開発環境は、Windows 7 Professional(32bit)+XAMPP v3.22+PHP 7.1.7。if文で条件分岐させたいときに、isset関数の挙動が気になったのでメモ。 null]; $c = ""; $d = 0; $e = -1; $f = false; $g = null; $h = "test"; unset($h); if(isset($a)){ echo "true<br>…