MyController

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

【DNS】IPアドレスから逆引き確認する方法

メールが上手くいかない時はSPFレコード設定。 それは上手くいってるのにどうなんだろと思ったら下記も確認する必要がある。 確認コマンドは下記。dig -x xxx.xxx.xxx.xxx

【ECCUBE3.0.15】ECCUBEトップにWordpress記事一覧を出力し、パラメータを取得してECCUBE内に詳細記事も出力させる方法

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

【JS】良く使うJSメモ(全体をふわっと表示してその間はスクロール禁止、ワンホイールでスルスルスクロール)

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

【CSS】背景に画像を使わずCSSだけでスタイリッシュな斜め背景をつける方法

CSS

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

【Gittortoise】コミットしたものを取り消して別ブランチで作業する方法

Git

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

【JS】スクロールイベントの挙動、each functionが上手く動作しないときに確認すること

おそらくは になっていない。これがないとブラウザにしっかりとhtml5であるということをお知らせ出来ないので変な挙動になるらしい。ちなみに自分はeachで順番にスクロールに合わせて文字が出てくるだけという簡単なスクリプトにおいて、 ちょっとスクロール…

【AWS】EC2+S3+RDSで爆速且つ激安サイトを構築する

AWS

ELBは無くてもよさそうなので今回は無しで構築する。この前にAWS Summit Tokyo2017に行ってAWSの人も言っていた通り、 S3には静的なファイルを置いて、動的なプログラム等だけはオリジンサーバに置くのがよさそう ってことで構築。といっても下記のサイト通…

【WordPress】良く使うfunctions.php管理画面やContactform7のバリデーション設定など(保存版)

WordPressで管理画面はAdvanced Custom Fieldsつかったりして本文欄いらないから消したり、 管理者と一般ユーザつくって一般からは投稿しかさせないとか、 一般Aと一般Bではお互いに投稿みれないとかメディアみれないとか、 とかく良く使うだろうってやつを…

【Git】初心者向け勉強サイトまとめ

Git

k.swd.cc自習したい、復習したいのに日本語だし分かりやすそうなのでメモ。まだやってないので追記予定。 ikenji.techこれはDLするやつらしいけどなんかよさそう。

【SQL】集計時に役立つSELECT文の入れ子構造(ネスト)

下記テーブル4つがある。 ・(account_master)会員マスタ ※アカウントIDが1つ ・(person_info)会員の詳細マスタ ※アカウントIDが1つ ・(recommend_target)キャンペーンのテーブル ※アカウントID複数あり ・(shipment_info)出荷データ ※アカウントIDが複数あり…

【Twitter】WEBサイトに複数箇所にツイートボタンを埋め込んで、それぞれ別の画像をツイートさせる方法

WEBサイトを作っていて、URLがシェアされたら自動的に画像を読み込んでくれるのは 公式ではTwitterカードというものがある。ただこれだと一つの画像しか設定出来ないので複数画像を指定することは不可だった。 サーバに置いてる画像を読んでくれると思いきや…

【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 モードの…