チェ・ゲバムラの日記

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

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…

未経験(アパレル)からエンジニアになった私の経歴と勉強法

最近は人工知能、機械学習、プログラミング教育も必修化するとか色々と話題が付きない。 Amazon、Google、Facebook、、、IT業界の猛者達はとどまることを知らない。 そんな中、世の中にはどうやら現在の仕事に満足していない人がやはり一定数いる。理由は様…

適度なストレスが自分のキャリアやステップアップに有効だと思う理由

今英語の本を勉強している。 始めたばかりだが。Grammar in Use(CD-ROM付き) Unitが145まであり、ページでいうと300ページ程度と、そこそこのボリュームのため、続くか不安である。(みんなそうだと思うが) いや、後ろの索引みたいなのもあるので正確にはも…

【Git】まだ環境構築で消耗してるの?

まだ●●で消耗してるの?っていうタイトル多いね。 イケハヤさんのネーミングセンスすげーわ。てことであちこちで言われてるGithubにvimrcとかいろいろ置いておいて、 転職やPCが変わっても簡単に便利に環境構築しましょうという話。とはいえ大体下記を見ても…

【AWS】サーバーレス(API Gateway+Lambda+DynamoDB)でお問い合わせフォームを作った

今年の5月くらいに作ったのだが、そういえばブログにかいてないのを思い出したのでかいておく。普段サイトを作っていて、ものによってはテレビで紹介されたりバズったりすることもある。 そういうときにCDN置いたりいろいろと対策をすると思うが、その場合静…

2018年上期の振り返りと今後の展望

2017年12月にも記録していたが、気づいたら6月。 今の自分を振り返るにはちょうどいい時期になった。前回の記事 hiromode.hatenablog.com 半年を振り返ってできるようになったこと 振り返ると正月休みが暇なのでCakePHP2系でブログアプリを作った。 そもそも…

MySQLでCSV形式の大量データを一括で取り込んだときに改行コードでハマった

通常使うInsert文とかをターミナルとかでたたくと恐ろしく時間がかかるので、 通常は下記のようにLoad data文で外部ファイルを読み込むらしい。mysql> load data infile "/var/www/html/hoge/import.csv" into table Answer fields terminated by "," lines …

inputタグとlabelタグをつなげて中身のリンクだけはクリック出来るようにする方法

タイトルがわけわからんと思うが、想定しているのはよくあるフォームの最後にある同意ボタン。こういうの ただの同意ボタンならlabel内にinputタグ書けば文字まで全部クリッカブルになるのでそれでおしまい。けど今回はそうじゃなくて画像のようにチェックボ…

WEB技術者なら最低限知っておきたいアドテクノロジーについてのおさらい

すっごく久々に自社の広告提案営業担当が勉強会やってくれたので参加した。 普段コーディングばっかりやってると激しく忘れてるんだけど、どこかでそれじゃだめだろうという危機感があったのでとてもありがたい。 元々営業でやってたのもあり実践的かつ具体…

【保存版】WEBサイト制作における便利なチェックツール一覧 ※随時更新中

WEBサイトをつくってると脆弱性のチェックやコードのチェックなどやらないといけないことが沢山ある。 とてもじゃないが手を動かしてチェックなんてしてる暇はないので下記にあげたツールを使うことはむしろ必須といえる。なぜこんな記事を書くかというと、…

【勉強法】20時間で新しいスキルを習得するにはちょっとした4つのコツ

なかなかモチベーションの上がる内容だったのでメモ。 ほぼ抜粋だが、要点だけまとめた。0からプロになるまでは1万時間必要というのはよく言われているが、 時間がかかりすぎる。 そこで、0からまあまあいい感じのレベルまで持っていくのは20時間でいけんじ…