チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

Wordpress+S3+Cloudfrontで実現する、冗長構成対応の画像配信とメディアアップロードしてS3保存

サーバー1台なら普通にWordpressテーマ内にimageとか作って画像をいれればいいが、 今後のことも考えてS3に画像を置く方法。(且つCloudfrontを利用) 下記このまま。図解付きでとてもわかり易かった。 qiita.com 画像のパスは echo get_assets_directory_ur…

Wordpress等のサイトが500エラーで突然見れなくなった時に疑うメモリ不足とSwap領域について

サイトが突然見れなくなったー。特別Wordpressに限ったことではないが、Wordpressはプラグインを多用してメモリをよく食ってしまうこともあり、 こういった状況に陥りやすいのではと思う。 まずはログ確認 # view /var/log/nginx/error.logPHP message: PHP …

【WordPress】MW WP FORMで確認画面に遷移しない時の確認

散々色んなサイトに書いてあるが、他人のコードを引き継いで触った際にハマったのでメモ。確認事項 ・他のプラグインが悪さしてないか(キャッシュ系) ・wp_head(),wp_footer()があるかどうか(get_header()していたらその中のheader.phpに書いてあればよい…

ちょっとしたダウンロードやアップロードにFTPクライアントは使いたくない!というときのSCPコマンド😊

下記でサーバーに接続できることが条件(数字は適当) ssh -i .ssh/id_rsa -p 2222 user1@11.22.33.44 下記で接続可能 scp -i .ssh/id_rsa -P 2222 user1@11.22.33.44:/var/www/test.js ./ ※最後の./はダウンロード先の指定 ポート番号が22のデフォルトの場…

アイデア出しに役立つオズボーンのチェックリスト

記事からそのままだが、新規事業を作ったり、既存事業のアイデアを膨らませたりするときに非常に有用と思うのでメモ。 引用 www.itmedia.co.jp

価値がある打ち合わせについて

自分でMTG主催することも多くなってきたMTG。 本当に多くの時間を無駄にしてしまうのが嫌なので、同僚から共有されたとてもいいメモをメモ。 【ポリシー】 人の時間=命をもらっている 【指標】 良質な意思決定の数とスピード=経営スピード/成長につながる…

Gitで過去のコミットに戻ってからまた最新に戻すまで

Git

ググっても出てくるけどメモ。 テストアップとして最新状態までもっていき、あとは本番に上げるだけというときに、 別の場所に過去の状態でアップしておいて欲しいという要望があった場合など。 手順 ログを確認 git logログで出たコミット名をコピー commit…

突き抜けたいエンジニアはサービス志向型であるべき理由

今日はふいに雑感を書いてみる。 突き抜けたいエンジニアとは 突き抜けたいエンジニアとは、世の中のエンジニアより相対的にマーケティング視点を持ち、 技術にこだわらずビジネスを成功させることに注力出来るエンジニアである。 と、勝手に私なりの定義を…

エクセルで2つの表を突き合わせる方法

顧客情報一覧などのCSVなどでダウンロードしたデータで、すべてのデータが揃っていればいいのだが、 現実的には冗長だったりして最低限のデータしか入っていないことが多い。管理画面上で計算して数字を出していたりすると、SQLで抽出しようにもなかなか面倒…

GCPのセキュリティについて調べたことまとめ

最近GCP、それもGAEでサイト構築することが増えてきたので、 GCPのセキュリティについて理解が浅いところを少し調べてみたことをメモしておく。乱暴に言うと、ある程度はデフォルトで考慮はされてるけど、完璧ではない。 そもそもセキュリティに完璧はないの…

Dockerを使ってローカル開発環境にお手軽にLAMP、Wordpress環境を作った

今更だが掲題の通りDockerをローカル環境として導入してGithubにもリポジトリを作った。きっかけとしては下記がしたかったから。 ・モダンな環境作り ・開発環境作る時間短縮化 ・PC端末に依存しない開発環境作り 結論から言うとめちゃめちゃいい。 なんで今…

このメアド、GAに登録してよ!って言われたときに確認すること

WEBサイト作ってるとまあまあよくあると思われるこのパターン。 ドメインがgmai.comじゃないならGmail使ってますかって聞けば良いんだけど、 それすら分からない or 確認に時間がかかりそうと思ったら下記を実行すればいいっぽい。 下記URLに対して、curlな…

overflow:hidden;にしても画面横スクロールが出てしまうときの確認項目

CSS

サイトを作っていて、画面外に要素を置いてボタンクリックしたらスライドしてきて動画を再生するとかってことはよくある。 久々にフロントを触っていて恥ずかしながらハマったのでメモしておく。・html,body両方にoverflow-x:hidden;をかく htmlの方にも書か…

Postfix+Dovecot+SSL/TLS(Let's Let's Encrypt証明書利用) メールサーバー間の暗号化手順

通常のPostfixなどではパスワードやら本文やら平文で送信されてしまうのでよろしくない。 てことで下記をやればOK。 環境 ・AWS上のEC2(CentOS7) ・送信にPostfix、受信にDovecot利用 1.メールサーバとメールクライアント間(つまりログイン時)の暗号化 h…

WEBエンジニアがマーケリアル(マーケティングの仕事と年収のリアル)を読んでみた

はじめに 僕はエンジニアであり、マーケティングの仕事ではないのだが、 会社がPR会社ということもあるし、自分自身エンジニアもマーケティングを学ぶ必要があると思っていて、興味があったので「マーケティングの仕事と年収のリアル」購入してみた。本書を…

PHPカンファレンス2018に参加して4つのセッションを聞いてきた時のメモ

僕は毎日PHPゴリゴリ書いているような人間じゃないけど、 一応関わりあるしでかいイベントっていうことで参加してきたメモです。 誤字脱字、まとめられてない箇所もあるけど誰かの参考になれば幸い。開催→12/15 Sat. PHPカンファレンス2018@大田区産業プラザ…

WordPressのカスタム投稿タイプ作成+カテゴリ検索+文字列検索(カスタムフィールド含む)+ページネーションの実装

やりたいこと タイトルのママ。 カスタム投稿タイプでカテゴリ(taxonomy)+文字列検索(?s=hogehoge)、ページャーを実装したいURL的にこんな感じ http://xxxxxx.jp/topics/?topics_cat=asia&s= →アジアのカテゴリのものが一覧で全部出てくるhttp://xxxxxx.j…

JavaScriptを勉強したいときに見るサイト

取り急ぎメモ用として。JavaScript 寺子屋 1 / アローファンクションの使い方 全くの初心者には向かないと思うが、まあまあJavaScript書いてきたけど、最近同じようなコードしか書いてないなー とか JavaScriptむずい。。もっと書けるようになりたい。。。 …

「エンジニアがマーケティングを学ぶ時代」〜Engineer Next Lab#1〜に参加してきた

日程:2018/11/26 (Mon) 19:30〜代々木 詳細イベントページ:【増席】「エンジニアがマーケティングを学ぶ時代」の開催〜Engineer Next Lab#1〜 - connpass 最初から懇親会を除く最後まで参加してきた。 個人的なまとめであり、誰が話したかよりも何が話され…

Adobe MAX Japan - Dreamweaverで学ぶ、「いい感じ」にするための実践CSSテクニックを視聴して、フロントエンドの現場からみて使えそうなものだけメモしたまとめ

CSS

取り急ぎ、かいつまんでメモだけ。■flexboxの使い方 display:flex ボックスで横並びにして、その中のシェアボタンは下に固定する場合、 flexbox内に入れ子で1つのカード自体もflexにしてmargin:auto;にするとうまくいく。 ■Adobeのアセット https://assets.a…

【WordPress】基本はWordpressでサイト制作するが、一部静的ページにしたい場合にヘッダー・フッターをWordpressから読み込ませる方法

意外とよくあるかもしれない。 TOP,NEWSなど基本制作はWPで、/about/ とかはベタで書きたい。 でもヘッダー・フッターに修正が入ると静的ページは手動で変更するのが面倒だしー そんなときは静的ページに下記を記載する。ヘッダー ========= 本文…

アイスランドで食べた世界一美味いホットドッグからマーケティングを学んだ

普段は技術ブログというか、自分のメモブログのようにしているが、 たまたま10月末にアイスランドに行ってきた。別に旅行話をしたいわけではないのだが、最近思っているマーケティングの重要性について思ったことがあった。エンジニアたるもの技術力を高める…

【タスクランナー】もうキャッシュのせいなんて言わせない。CSS・JavaScript・画像・PDFなど全ての読み込みファイルにパラメータをつけてファイル出力する方法

前回の記事でタスクランナーのススメを書いたが、少しアップデートしたので紹介する。前回のタスクランナーの記事 hiromode.hatenablog.com 内容としては ・PUG削除 ・HTMLのパラメータ付与の上出力 を追加した。 理由はPUGの書き方を習得するのが面倒だし、…

SVG画像が認識されないときの確認と対応方法、MIMEタイプとヘッダー情報の確認方法について

開発環境では表示されていたのにステージング環境ではSVGが表示されないということがあった。コード的には間違っていないし、キャッシュということでもない。。。 そもそもまるっとファイルを全てアップしているからファイルが漏れているということもない。…

データベース接続確立エラー時の対処はログを確認して対処(今回の原因:メモリ不足)

この状態はまず、WEBサーバは動いている。 今回はWordpressで動作しているNEWS、TOPページのみ表示できず、静的ページは見れる状態だった。 状況確認 まずSSHでログインしてログを確認 view /var/log/messages web kernel: Out of memory: Kill process 3231…

GoogleNext2018に参加してきた

公式ブログ Google Cloud Japan 公式ブログ公式サイト Google Cloud Next ’18 in Tokyo | 9 月 19 ~ 20 日、東京2018/10/3追記:スライド公開されたっぽい Google Cloud Platform - Japan | SlideShare ■参加日程 9/19(水) お昼すぎ〜終わりまで■会場 東京…

CSSアニメーションの参考一覧

CSS

現場で役立つCSSアニメーション オンラインデモ - CSS Nite LP58「Coder’s High 2018」 随時追記

Rejectcon 2018に参加してきた 〜エンジニアならサービスを作ろう的な話〜

techplay.jpRejectcon 2018(builderscon tokyo 2018 番外編)にいってきた。 ここでは掲題の通り、サービス作ろうっていうところだけを切り取って書いているので、 他の情報を探している人は #rejectcon2018でツイート検索したら良い。久々にいってきました…

【GoogleAppEngine】デプロイとSSL対応まで(PHPの場合)

GCP

言わずもがな、サーバーはクラウドを使う時代 ということで今までは先駆者であるAWSを使っていた。ただ最近になってぐんぐん伸びているGoogle製のクラウド こっちのが安いし、普通のWEBサービスなら簡単にデプロイ、運用管理までできるらしいのでGCPを使って…

HeadlessChromeとPuppeteerを使ってみた

環境 AWS EC2(CentOS7) Puppeteer 1.7.0 node.js v8.11.3 以前から話題のヘッドレスクローム、ライブラリのPuppeteer(パペティアー)を使ってみた。 少し前にヨーロッパで制定されたGDPRの影響をモロに受けて厳しくなりつつある個人情報保護。 例にもれず…