MyController

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

【JS】Audio要素をスマホでも上手く再生する方法

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

【JS】アニメーション以外でも順番に処理する方法

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

【CSS】スクロールバーの色変更と横スクロールバーを出す方法

CSS

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

【JS】ローカル時刻によってリダイレクトさせる(リファラ―付)

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

【PHP】今更ながらPHPの連想配列のお勉強まとめ

PHP

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

【FuelPHP|PHPの正規表現】プレフィックス付IPアドレスを範囲指定して制御する方法

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

【ECCUBE3】カスタマイズする前に知っておきたかった事(不具合編)

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

【htaccess】Basic認証と特定ファイルの除外方法

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

【ECCUBE3】本番をコピーしてテスト環境を作るときにハマったこと

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

【インフラ】セキュリティチェックツールnetcraftを使おう

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

【AWS+GoogleCloudPlatform】でスマホのプッシュ通知とかチャットサービスとかのインフラ周り

AWS

実際のプログラム周りのことは触れてないので割愛するけど、とりあえず初めての事で勉強になったので今回やったインフラ周りの事をメモ。 やること(ほぼ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…

【Apache2.2系】初期に読み込む拡張子を指定するしてSSIを有効化する方法

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

【Wordpress】テストから本番にDB移行するけどdumpするのが怖い時

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

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

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

【ECCUBE3.0.13】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…