読者です 読者をやめる 読者になる 読者になる

MyController

WEB業界素人の僕がまた見返しそうなことのメモです。

【favicon】ファビコンが反映されないとき確認すること

ちゃんとapple-touch-icon.pngとかメタタグで入れてるのに全然スマホからホームに追加してもスクショになってまう。 こんなのあったのね。 realfavicongenerator.netFacebookとかでもあるデバッガーツール。 Basic認証外してドメイン入力するだけでいい感じ…

【JS】はじめてのcanvas入門

とりあえず長方形を描くのはこんなん。htmlは JS //要素の取得 var canvas = document.getElementById( "canvas" ); //canvas要素から描画コンテキスト取得 var ctx = canvas.getContext( "2d" ); //パス初期化 ctx.beginPath(); //rect(x,y,横、高さ) 長方…

【WP】single.phpでも全記事を取得したい場合

index.phpとかだと have_postsみたいなやり方でいけるが、single.phpではクエリをつくる。 ' . PHP_EOL; while (have_posts()) : the_post(); echo '<li><a href="' . get_permalink() . '">' . get_the_title() . '</a></li>' . PHP_EOL; endwhile; echo '</ul>' . PHP_EOL; e…

【JS】モーダルウィンドウをモダンに書く勉強

コンストラクタ関数、プロトタイプの考え方で書いたやつ。HTMLではリンクにdata属性で番号を付与、画像を押して拡大した画像が次へボタンとかでちゃんと移動できる。 ウィンドウのロード、リサイズ時も対応済み。ただしあくまで静的なHTMLにのみ対応してる。…

font-familyが苦手な人(自分)の為のメモ

CSS

ぜんっぜん難しくないんだろうけどフォントにうとすぎて恥ずかしい。 まとめるとゴシックと明朝体は分けて書いた方がいいらしい。 つまりベースとしてはゴシックで、明朝のところだけクラスを付けてあげる。 もう毎回こんな感じで指定したらいいと思う。 bod…

【JS】クリックしたら対象のhtmlタグをそのまま拾ってくるやり方

例 html <a href----------><img src -------></a> ■まるごととってくる JS var $target = $(e.currentTarget); 結果 <a href----------><img src -------></a> ■中身をとってくる JS var $target = $(e.target); 結果 <img src ------->

【WP】カテゴリの順番を自由に変更して出力する方法~PHP配列で並べ替え~

Wordpressでカテゴリを入力して投稿記事を出すってのは良くある。 と同時にカテゴリも出力したいとかってこともよくある。 その時にそのまま出すと名前順?みたいになってとてもよろしくない。 プラグインを使うのが標準とかいう記事が多いが、なるべく使い…

【WP】WordPressですべてのカテゴリを取得する記述

下記ならindex.phpなどでも出力できる。 <p><a href="<?php echo get_category_link($value->term_id); ?>">name;?></a></p> 投稿で選択されたカテゴリのみ表示したい時とかは下記で加工していく。

【JS】インスタンスの継承-プロトタイプチェーン-

コードを見れば理解できるかと。 要は継承できるってこと。 よくわからん人は前の記事を先に参照して。 hiromode.hatenablog.com 本題というかコード。 var Animal = function(){};//コンストラクタ Animal.prototype = { walk:function(){ document.writeln…

【JS】javascriptにおけるコンストラクタ(クラス)、プロトタイプ、インスタンス作成の説明

■流れ 1.クラス(コンストラクタ)作成 2.インスタンス化 3.実行 ■コンストラクタについて ・あくまでオブジェクトを作るための準備、つまり初期化が目的なのでコンストラクタからオブジェクトを返してはならない。 ・オブジェクト生成するのを想定し…

【WordPress】自作テーマの作成とAdvanced Custom Fieldsの使い方

基本的にデフォルトテーマとかだとゴミが多くて分かり辛いので自作する。 あと便利なプラグインも基本使うのでメモ。 自作テーマ index.php、style.cssをまず作る。 対応するPHPは命名規則があり、下記のようになっている。 投稿:single.php を読み込み 固…

【CSS】Flexboxで簡単にレイアウト

CSS

まだ使ってないけどこういうのがあるので記録。 参考 CSS3 Flexbox の各プロパティの使い方をヴィジュアルで詳しく解説 | コリス

【AWS】全サービスを調べてみる

AWS

まずは安定の公式サイト 国内のお客様の導入事例 Powered by AWS クラウド | AWS AWS 課金体系と見積り方法について | AWS AWS ドキュメント | AWS 自分なりの見解をざっくりと。 ・VPC クラウド上に自分の土地を作るイメージ。全体を包括している。 ・EC2 …

【DB】データベース管理者が知らないといけない怖い話~myISAMからInnoDBへの移行~

要するに DBの形式を変更するのは簡単だが、特性を知っておかないと事故る。 MyISAMだと 1カラム目が被ったら2カラム目を勝手にautoincrement してくれる。 InnoDBでは機能がない。 つまり要確認。 http://tech.gmo-media.jp/post/62678005904/auto-incremen…

【AWS】RDSのバージョンアップ方法とサービス停止時間

AWS

・管理画面からできる ・実際に停止する時間は40秒×2回くらい(のはず) ・再起動が必要 詳細は下記 RDSインスタンスのスケールアップ – 合同会社ジョートー

【参考WEBサイト】JSの動きやデザインがおしゃれなサイト一覧

おしゃれなサイトを探すときに使えるまとめサイト。 更新頻度が低くなったら消すかも。 brown | I/O 3000 | Webデザインギャラリー →トンマナとかでも検索できるらしい Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design B…

【AWS】EC2インスタンスで大容量SWAPとして活用する方法

AWS

ログインしてみただけだけど、EC2インスタンスタイプを選択するときに追加するといけるっぽい。詳細は下記サイトとか。 使ったらまた書く。 参考 blog.mogmet.com

【CSS】おしゃれな見出しのまとめ

CSS

気になったのでメモ。 コードまで見てないけどつかえそう。 CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選

【JS】エラーを厳格にチェック

知らんかった。 "use strict"; と、関数内に最初に書くとエラーを厳格にチェック出来るらしいので開発中には入れた方がよさげ。 例 "use strict";var greet = "Hello World."; 参考というか詳細は下記 JavaScriptでの”use strict”宣言によるStrict モードの…

JSの関数メモ(超初心者用)

今更ながら関数の使い方。 完全自分のメモ用です。 $(function(){ //-------------------------------- var m = menseki(5); //ログ出力 console.log(m); //-------------------------------- }); function menseki(r){ var m = r * r; return m;}

【Apache】再起動しないで設定を反映させる方法

知らなかった。 service httpd restart とかやらなくても service httpd graceful で再起動せずに設定反映できる。 ただ一部は反映されないらしいので結局後でrestartはした方がよさげ。 でもいいとおもう。 参考 apache再起動にはrestartよりもgracefulを使…

秒速でコーディングが終わる方法(PSDからテキストとかフォントサイズをCSVで吐き出す方法とか)

とある名言みたいになったけど全ては下記に書いてあるw PSD からテキスト情報を抽出するスクリプト (フェンリル | デベロッパーズブログ) こんなのもあったので今度使ってみる デザインカンプからコード化を加速する!デザイン仕様計測ツール4選 | 株式会…

【Postfix】メール受信が上手くいかないとき確認すること

検索したらすぐ解決出来るんだろうけどメモ ・Postfixの設定確認 vi /etc/postfix/main.cf 基本は以下でいいのではないかと。 小悪魔女子大生のサーバエンジニア日記 » Blog Archive » postfixで外部からメールを受信できるようにする 新規の場合はともかく…

バナーとかの画像がぼやけてしまった時の解決法

バナーをある範囲に100%表示して置いてみたら縮小されて文字がつぶれてしまった。 そんなときはまずバナーサイズを小さくする。 でもそれだけじゃダメで、下記をやると更によくなるっぽい。 てかやってみたら上手くいったのでメモ。 1.画像をフォトショで…

【cakephp2】mysqlに直接ハッシュ化したパスワードを設定する

アプリ側でユーザ登録をするなら不要だが、 共通のIDパスワードを使うようなアプリならば自分でDBにadmin,guest用の2つくらいあればいい。そんなとき用のメモ。 cakephpでは通常 sha1 という方式でハッシュ化をしているらしい。 変更とかもできるぽいけど…

【Wordpress】テストから本番に移行する

下記をみればそのままいけた。 テストから本番へ!WordPressでURLが変わる場合のデータベース修正マニュアル | 株式会社bridge 1.テストでつくったDBをおとしてくる Mysql dumpで全データをbk mysqldump --single-transaction --default-character-set=binar…

【リバースプロキシ】URLそのままで別ドメインのサーバを見せる方法

意外と簡単だった。 下記プロキシのモジュールがコメントアウトされてないことが前提 LoadModule rewrite_module modules/mod_rewrite.so LoadModule proxy_module modules/mod_proxy.so LoadModule proxy_http_module modules/mod_proxy_http.so httpd.conf…

フルパス、サイトルートパスとかのパスの名前についての整理メモ

毎回混乱するのでメモ 相対パス → ../img/test.jpg img/test.jpg 等、 現在のカレントディレクトリ(今自分がいる場所)から相対的にみたパス指定のことです。 絶対パス → http://www.test.com/img/test.jpg 等、 どこにいてもこの場所は絶対とみたパス指定…

htpasswdの文字数制限をなくす方法

通常htpasswdをつくるときは htpasswd -c .htpasswd user1 とかにするが、これだとパスワード8文字までしか認識されない。 長いパスワードつけたいときはこれを htpasswd -cm .htpasswd user1 にするだけ。 文字数制限をなくすといいつつ実際はあるみたいだ…

【AWS】無料SSL証明書の発行、ドメインの追加に関してのメモ

AWS

AWSのメニューから下記を選択。 Certificate Manager 新規発行 証明書のリクエストでリクエスト→ドメイン持っている人のメアドにメール届く→承認のURL押してもらうだけ。 重要なのここから 新規でもいっしょだけど、とりあえず既存ので aaa.com こんなのがあ…

【SQL】DISTINCT文で重複カラムをまとめて1行にする

とりあえず覚書。 下記とかみればわかりやすいかと。 実際に使ったらここにコードでも張ろうかと思う。 omachizura.com

【JS】固定ヘッダ対応のスムーズスクロール

結構汎用的に使えるし使うので。 // スムーズスクロール // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 400; // ミリ秒 // アンカーの値取得 var href= $(this).attr("href"); // 移動…

【JS】アニメーションした後に処理を実行

こんな感じ //クリックイベント $('.menucover span').click(function(){ $('.menucover').stop().animate({ top:-793 },500,function(){ ここの処理はアニメーション終わった後に実行される }); })

【CakePHP】使い始めて覚えたことのメモ

基本 ControllerでSampleController.phpをつくる ViewでSampleディレクトリ作り、中身にindex.ctpとか作る $helpersプロパティ Cで宣言しなくてもh mnj ,mm [0jitmlヘルパー、formヘルパー、sessionヘルパーは使える。 その他使いたいときは指定する。 Vで書…

【デザイン】今後参考にさせて頂くかもなサイトと気になったデザインの実現ヒント

背景の縦グリッドを簡単に実現 http://epoch-inc.jp/http://1st-touch.jp/about/http://norgram.co/http://thefotonaut.com/en/http://www.archi-k.com/ 縦グリッドはCSSでこんな感じのよう。 leftで指定px; transform: matrix(1, 0, 0, 1, 0, 0); ボックス…

Yahooメールのみ送信しても迷惑メールになる時の確認と対策

今回は同ドメインにてroot@からは受信箱にいくのに、 info@からだと何故か迷惑メールに入ってしまった。 ヘッダを確認するとSPFは問題ないようだ Received-SPF: pass (・・・・・・ 差分を取ってみるとこんなものがX-YahooFilteredBulk: xxx.xxxx.xxxxx.xxxx…

【AWS】「EC2」CentOSからメール送信&返信されたらメール転送

基本AWSでもCentOSなのでPostfixを使うよ。 考え方CentOSなので同じ。 AWS EC2の設定 (当然アマゾンじゃないならCentosのiptables) インバウンドでsmtp 25 アウトバウンドで0.0.0.0/0 全てOK ※EC2の場合はメール送信制限があるようなので解除申請が必要。 …

【JS】スマホのセンサーにアクセス

後で読むhttp://www.atmarkit.co.jp/ait/articles/1409/03/news109.html

【JS】ボタンをクリックするたびにクラスを付与したり消したりする

これだけ。 フラグ立てる必要もないので便利。 1.Toggleの場合 (function($) { $(function() { var $header = $('#top-head'); // Toggle Button $('#nav-toggle').click(function(){ $header.toggleClass('open'); }); });})(jQuery); 2.click each $("…

【CSS3】JavaScript不要!簡単アニメーション

CSS

意外と簡単。対応ブラウザには注意。 transition(IE10以上対応) transition効果(時間的変化)をまとめて指定する。 つまりゆっくり消えたりするやつのもできる。 イージング ease-in-outとかはマウスオンのボタンとか使えそう。 参考 CSS3プロパティ tran…

【MySQL】mysqldumpでバックアップとって今年のデータだけ綺麗に入れる方法

とにかく膨大なデータがあるので、一度全部のデータを消して今年のデータだけを入れるってことをしたい。 ポイントサイトとか運用していて年ごとにポイントを昨年分リセットして 今年の分は1からインクリメントさせた方が見栄えはいい。 なので、全バックア…

【AWS】CloudFormationについての覚書

AWS

やりたいこと VPCをいちいち毎回作って、EC2起動して、、ってのがだるいのでポチっとなって感じでやりたい。 目指す構成 AWSでVPCーELBーEC2(冗長構成)ーRDS わかったこと 何故かAWSのテンプレートをそのまま使っても成功しないのでテンプレートは結局自分…

background-imageをスマホで高さ自動にする

CSS

こんな感じ。 #flow .tabOuter ul.tab li.instagram { background-image: url(../img/sp/tab_insta_off.png); background-size: contain; padding-bottom: calc(50%*50/300); height: auto;} calcの後ろで画像の高さ/幅を計算してる。 今回は高さ50px、幅300…

【AWS / EC2 / centos7】sshdをrestartしたら起動しなくなった場合の対処法

■SELinuxの無効化getenforce => Enforcing の表示なら↓実行 setenforce 0 getenforce => Permissive の表示でOK vi /etc/sysconfig/selinux => SELINUX=disabled ■最新バージョンyum update どっちにしてもやることだがこれを先にやっておかないばかりに数時…

【JS】以後表示しないリンクを押すとcookieに有効期限付きで保存する方法

宣言 /* キャンペーン終了日 */^M var end_date = new Date('2017/01/01');^M end_date.setDate(end_date.getDate() - 7); cookie_key = 'XXXXX'; /* 以後表示しない */^M $('.popup_after_not_disp').on('click', function(){^M $('button#cboxClose').clic…

【Gitlab】ApacheとNginxを共存させ、特定のドメインかつ特定のポートの場合のみNginx→Gitlabにアクセスさせる方法

Git

これやりたい人絶対多いはずなんだけどググり方が悪いのか全然同じ人がいなかった。 なおかつネットにある情報があまりにバラバラすぎて本気でGit本を買おうかと思ったけどヒイヒイ言いながら何とか実現できた。 まずは 通知メールの為にGitlab専用Gmailアカ…

【画像編集】サイズを拡大してもそこそこ綺麗に出来る無料ツール

フォトショなどの通常の画像編集ツールでサイズを 拡大すると引き伸ばされて荒くなってしまうところこちらのツールを使うと人工知能が粗くなった部分を生成して綺麗な画像に仕上げてくれるといったもの。 http://waifu2x.udp.jp/ ・提案書用にちょうど良い写…

【Wordpress】管理画面を使っていろいろやる時の権限設定とかメニューの非表示とか

function.phpに下記を記載 //メニューを非表示にするfunction remove_menus () { global $menu; unset($menu[2]); // ダッシュボード// unset($menu[4]); // メニューの線1// unset($menu[5]); // 投稿// unset($menu[10]); // メディア// unset($menu[15]);…

【wordpress】サイトアドレスから/wp/とかを抜く方法

1.直下のhtaccessに追記 <IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^xmlrpc\.php$ "http\:\/\/0\.0\.0\.0\/" [R=301,L]RewriteRule ^index\.php$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php </ifmodule>…

3つ以上のテーブルを結合するSQL文

シンプルで役立った http://pgcafe.moo.jp/SQL/main_2.htm あとwhere とorder group by の順番に注意 グループ化するときは最後で、andもカンマも前にはつけない。