チェ・ゲバムラの日記

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

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の影響をモロに受けて厳しくなりつつある個人情報保護。 例にもれず…

httpsでアクセスしてるのに自動生成のパスがhttpになってしまう時の対策

PHP

今回の現象 ・httpsでアクセスすると内部に記載しているパスがhttpになって不審扱い ・Laravelで作られたサイトのため、{{ ('img/aaa.png') }} というのがソースコードに記載されている。 ・最悪この部分を/img/aaa.pngとすれば解決するが、ミスりやすいし根…

AWSでハマったヘルスチェックエラーはBasic認証だった

AWS

AWSでロードバランサー経由でアクセスしても表示されない。 設定も間違いないのにインスタンスでは 「アベイラビリティーゾーンに正常なターゲットがありません」とでてる。もしやと思って気づいたのが遅かったが、Basic認証だった。めちゃくちゃしょうもな…

【Wordpress】固定ページの本文をTOPページなどに改行つきで表示させる方法

まずは結論から post_content); ?> これをindex.phpに書けば解決する。 解説 投稿では普通にpタグとかついて表示されるのに固定ページだと出ないなーと思っていたら違っていた。 正確にはpage.phpとかではしゅつりょくされるけど、TOPなどに出す場合はタグな…

【マウスオーバーイベント】CSS+JSで作るアンダーライン→消えて復活する

言葉だと全く伝わらないと思うが、要するにこういうことがしたい。「初期バー、マウスオンでアンダーライン伸ばし、マウスを離したら消えて初期のバーに戻る」とりあえず結論からSee the Pen XBVLbY by HiroyasuMurayama (@h-murayama-the-reactor) on CodeP…

【node.js】Gulp.js+Sass+PugでWEB制作を自動化する

Web制作では様々な仕事があり、毎回やるのが面倒だから自動化できるところは自動化して楽しちゃいましょうっていう話。ざっくり説明すると下記3つを使う。 Gulp.js(タスクランナー) ・Sass→CSS変換 ・CSS,JS,画像圧縮 などをJSで作成して自動化させる。 Sa…

【Wordpress】投稿のカテゴリを指定して固定ページなどにカスタムフィールドの内容を出力させる方法

タイトルまんまだが、 投稿でNEWSを使ってそれをnews一覧として固定ページを作り、page-news.phpに表示させる。前に書いた記事でも行けるが、これでもいけたのでメモしておく。 hiromode.hatenablog.com 12 'news', //特定のカテゴリースラッグを指定 15 'p…