コンポーネント Controllerで同じ処理を行う時、コンポーネントとして外に追い出して共通利用する ビヘイビア Modelで同じ処理を行う時、複数モデルが関連するときに取得する範囲を設定する （パフォーマンスの低下を防ぐ） ヘルパー Viewで複雑な処理を行う…

提案書作成時のメモ。http://tomoyukiarasuna.com/make-images/このサイトは具体的で説明も分かりやすい。 1分くらいさっと見だが、 ・綺麗さよりもシンプルに ・できるだけ要素を削る ・デザインの基本原則を守る（近接、整列、コントラスト、反復） ・クオ…

Controller array( 'Task.status' => 0 ) ); $tasks_data = $this->Task->find('all',$options); //debug($tasks_data); $this->set('tasks_data',$tasks_data); } public function don…

Viewでは・リクエスト情報が使える ・ユーザ入力がある情報を表示する場合は基本全てh()関数でエスケープする request->data['keyword']); ?> ・Viewの外側にレイアウトがあるイメージで、 ヘッダ、フッタ共通はレイアウトに書く。 でもファイルの場所はvie…

Modelでは ・データ操作 ・バリデーション ・アソシエーション（複数モデル操作） が可能。 データ操作はfind,saveなど アソシエーションは$belongsTo,$hasManyなどがよく使われてるそう。 Mysql操作 めちゃくちゃ使うのにググってもシンプルなの書いてある…

あれ？ 画像の格納ファイルがないぞ？なんてことありますよね。そう、そんなときはハッキングされている可能性があります。そんな時のためにこれ！ ファイル改ざん検知システム（AIDE） ファイル改ざん検知システム（AIDE）を構築してみる – CLARA ONLINE te…

とあるサーバのディスク容量が多くなっていたので確認した時のメモ。 環境 CentOS6 Apache 2.2 手順 １．rootログインして下記で状況確認。 df -h ２．下記いずれかのコマンドで調査 ルート以下すべて再帰的に確認 du -s /* ※オプションhをつけるとM、Gとか…

遂に出た。 １、正直めんどいインストールも不要 ２、無料 ３、使い方もフォトショップそっくり ４、PSDのレイヤー情報も保持 という神ツール。 www.photopea.com もはや言葉はいらないだろう。強いて言えばgoodbye,Adobe!てとこかな。ガチデザイナー以外は…

これは完全に自分用のメモというか目標設定なので、誰かの参考になればよし、 ではなくとも自分が振り返ったり再考するのにオープンなブログはやはり便利なのでここに残します。さて、あまり普段考えないが、最近買った本の影響もあって考えてみた。 今の仕…

そもそもサーバレスアーキテクチャについて その名の通りサーバ不要のアーキテクチャ。 普通のサーバとの違い ■EC2のようないわゆる普通のサーバは（IaaS）と呼ばれる。 メリット： ・どんな言語でも利用可能、開発はしやすい。 ・アプリケーション、サーバ…

今更ながら便利なbxsliderのこと。さんざん使ってきたが、割と簡単且つ有用且つ良く使うんじゃなかろうかと思うのでメモ。 やりたいこと サムネイル（今いる位置以外のはグレースケール） ■ □ □メインスライド（前後微妙に見えてる。今いる位置以外のはグレ…

やりたい事は、ボタンを押したら初めて音楽流れ始めてループ再生させるだけ。PCではうまくいくがスマホだとほとんどダメだった。 とりあえず下記だと上手くいった。 時間無いので下記コピペ。JS // オブジェクトを生成 var url = "./music.mp3"; var audio =…

普通にanimateとかならcompleteとかを使うけど、 動きではない場合とかでも使える。これやらないと下記のようなコードだとスクロールトップに行くと同時にrelativeになったりして、 上手く表示される場合とそうでない場合がある。 $.when( $('#mamaGroup').c…

スクロールバーの色変更 最近よくやるやつ。ググればいいんだけどどうもググったやつを適用しても全然反映されない。 下記ならうまくいくので、何も考えずコピペする事にした。という備忘録的記事。 .text_box::-webkit-scrollbar{ /* スクロールバー全体 */…

何かいろいろとやり方はあるだろうけど、こんな感じにかけばGAとかの解析でもリファラ―拾ってくれるみたいなのでこれでいいんじゃなかろうか。詳細はググってください。 結論、下記の●●を変えるだけ。 <script> $(function(){ //現在時刻を取得 var date_obj = new D…

こんな記事を載せる事で自分の恥をさらすかのようでいやだがまあ勉強不足ということで。 1年前とかにCakePHPとかの記事あげておきながら、順序がおかしい当たりがたたき上げ感満載ですね。 array() を使用して配列を作成する場合そのままダイレクトに配列に…

プレフィックス付という時点で範囲指定にはなるんだろうけども。 ぱっと見分かればいいでしょ。下記はアクセス元IPアドレスを変数に入れて、 そのアドレス以外の場合に503エラーとしている。許可範囲を一個一個書いていくのはあほだし汚いので下記のようにし…

本当にECCUBE3は情報が少ないので貴重な情報（になると思っている）のは私の怠慢でしょうか。すいません。精進します。 とりあえずもうサイト構築はなんなら半年以上前から少し触ってはやめ、少し触ってはやめで全然すすんでなかったのだけど、 最近ようやっ…

まずはBasicコピペ用。 あ、apache想定でやんす。AuthUserFile /www/.htpasswd AuthType Basic AuthName "Web access" Require valid-user お次に除外は下記コピペ。 Satisfy any order allow,deny allow from all 説明不要かと。 おまけでWordpressのセキュ…

てゆうかECCUBE3の情報少ない。 ググって出てくる情報が少なすぎるからこれはもう確実に普及してない。 出てきたと思ってもECCUBE2の情報だったりするし。。 閑話休題。 さて本題に移るが、この度本番をコピるというめちゃくちゃ良くやる作業をやった。Wordp…

今まで知らなかったが、下記サイトは有名らしく。自分が作ったサイトのチェックなどに有効。http://toolbar.netcraft.com/site_report?url= 使い方 １、URLを入力２、ボタン押す 以上 spfとかsslとかも判定してくれるみたい。何か問題があると該当の箇所が赤…

実際のプログラム周りのことは触れてないので割愛するけど、とりあえず初めての事で勉強になったので今回やったインフラ周りの事をメモ。 やること（ほぼAWS。結構多い。。） ・VPC環境構築（RDSはマルチAZ） ・ElastcBeanstalk環境構築 ・ElastiCache設定（…

1.favicon.icoをドメインルート直下にアップ (IEはドメイン直下に置かないと読み込まれないことがある） 2.htaccessに下記の記述を追加 AddType image/x-icon .ico <Files favicon.ico> ErrorDocument 404 ディレクトリ/favicon.ico </Files> （相対パスでも絶対パスでも可) 3./etc/mime…

httpd.confもしくはhtaccessに下記を追加。 DirectoryIndex index.shtmlOptions +Includes AddType text/html shtml AddHandler server-parsed shtml これで hogehoge.com にアクセスしたら最初にindex.shtmlを読んでくれて、 その中に記載されているSSIのin…

つまり、既に稼働済みの本番DBに移行するときの事です。公開前ならdumpしてインポートして、前の記事に書いたようにツールを使ってURLを書き変えたら終了。なんだけど、それをやってしまうと書き変える前の少しの間、サイトがテストの方を見に行ってしまう。…

メールが上手くいかない時はSPFレコード設定。 それは上手くいってるのにどうなんだろと思ったら下記も確認する必要がある。 確認コマンドは下記。dig -x xxx.xxx.xxx.xxx ついでに、digをパソコンから打って実行してもローカルになってしまうので、 間違い…

大変でした。 でも出来た。やったこと ECCUBEトップにWordpress一覧出力 まずはここから。 強引なやり方みたいだけどとりあえず出来るならいいかと。 下記のサイト通りで出来た。EC-CUBE3.013 WordPressの新着情報をトップページに表示 – うちの子が言うこと…

ソース的に分かるかと。 CSS省略するけど、body初期値をopacity:0にしておくくらい。 JS function Animation() { "use strict"; this.initialize(); } Animation.prototype.initialize = function() { this.$window = $(window); this.$document = $(documen…

実は簡単で、グラデーションの境目をパキっとさせるだけ。つまりこんな感じ。 background-image: linear-gradient(-61deg, #d8d9cf 59%, #fff 55%, #fff); background-position: 54px; background-repeat: no-repeat; 参考 8ステップで完成！CSS3で「斜めの…

どうも古いソフトを使ってるせいか検索の仕方が悪いのか、あまりこれといった記事が無かったのでメモ。 そんな難しい事じゃないが、なんせ初めてやるのはファイルの履歴がごっちゃにならないかがとても不安。とりあえず下記で出来た。Gittortoiseというカメ…