今週もtab退避

2019年4月16日開発関連memo, メモhihihi

Sass 3.3で追加された「&」の新機能と@at-rootまとめ解説 | HTML5Experts.jp

Sass 3.3で追加された「&」の新機能と@at-rootまとめ解説

新人デザイナーの僕が正しく工数見積りをできるようになるまで｜いなげ｜note
https://note.mu/17genai/n/n1a11200b6d7a

エンジニアが知っておきたい工数見積もり術！ ” 無理ゲー進行 “から脱するために大切なコト – エンジニアHub｜若手Webエンジニアのキャリアを考える！

dsktpアプリとwebで機能違いある
ブラウザから SVGO で SVG ファイルを最適化できる「SVGOMG」 | WWW WATCH
https://hyper-text.org/archives/2015/02/svgomg.shtml
SVGOMG – SVGO’s Missing GUI
https://jakearchibald.github.io/svgomg/

CSS3で縦書きにする方法と挙動 – Qiita
https://qiita.com/RinoTsuka/items/3e3eaaba8cddb6ff08e9

「mix-blend-mode」いまだにIEとEdgeブラウザでは使えません
CSS3のブレンドモードを使えば、簡単にオーバーレイ等の描画モードを指定できる–[FIT BLOG-フィットブログ]
https://fit-jp.com/blendmode/

CSSブレンドモードの利用 – ブレンドモードの仕様 | CodeGrid
https://app.codegrid.net/entry/pxg3-hero-area-1

常時SSLにしてから記事に埋め込まれたブログカードでセキュリティアラート出ることが本当に多い

2019年4月6日開発関連hihihi

多い。
本当に多い。
基本はわかりやすくリンクしてくれて便利なんだけど。
だいたいリンク先がSSLじゃないので認証されていないソース！って怒られる事が多い。
個別対応してたけどそろそろ切ってしまおうかな・・・
便利なんだけどな・・・

さくらのバックアップ＆ステージング機能使おうとしてやめた

2019年4月5日wpさくらサーバhihihi

2019の年明け？くらいにアナウンスが来ていた機能、使おうと思って途中でやめた話。

バックアップ＆ステージング – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/backup_staging.html

私はいつも構築したサイトが本番公開されたら（もしくはされる前から並行して）テスト環境を別に作るのですが、
どうしてもWP運用後とかだと差分があって、毎回DB移植とかめんどいので差異はでるのですよね。
なのでそんな事前準備だとか差分マージだとか考えずに手軽に本番をコピーしたテスト環境が出来るならいいな、って思って、
試してみようとざっと使い方調べてみました。
そしてやめましたｗ

一旦やめた理由

これ。

時間が合ったのでさくらのバックアップ&ステージング機能とやらを入れてみようとしてヘッ！？ってなったこと。
・90日で削除される
・Webフォント使えない
・動かないものがあるかもしれない
うーん、あくまでお試し用だな〜 pic.twitter.com/U6j8lGF67W

— hirokona (@hirokona) April 5, 2019

続きを読むさくらのバックアップ＆ステージング機能使おうとしてやめた →

WPクラシックエディターって2021年末で更新されなくなっちゃうんだね・・・

2019年4月5日wphihihi

WP主戦場じゃないので、後手後手で対応しているhirokonaです。
現状5.1.1が出ましたが、そろそろ５にするタイミングかな〜と思ってたらこんな記事めっかった。
Classic Editor Plugin Support Window – Make WordPress Core

Classic Editor Plugin Support Window

The Classic Editor plugin will be officially supported until December 31, 2021.

そうですか・・・2021年末まで。長いような短いような。。。
あと二年半強くらい。それまでにグーテンタークみたいな名前の新エディタでの作り方を覚えろよ、と・・・

ちなそろそろ移行記事いっぱいあるかな〜と思ったけど、静観してる人が多くてあんまなかった。
これに書いてたけどWP5からはWP Multibyte Patchがデフォで入ってないのね。めっもめも。
【基本】バージョンアップしたWordPress5って、それまでと何が違うの？ | わかるWeb

【基本】バージョンアップしたWordPress5って、それまでと何が違うの？

【IE11】flex-growは個別で指定するなとあれほど言っただろ？【忘れて自爆】

2019年4月1日cssflexbox, ie11, IEさんへ, バグhihihi

IE11でflexboxの縦幅がおかしい時はflexプロパティの書き方が原因かもしれない
https://xov.jp/e/365/
✕　flex-grow:3;
◎　flex:3 0 auto;

もう記憶の彼方に忘れさられてたで・・・

browserSyncでIPアドレスでアクセスするやつ

2019年4月1日gulpbrowserSynchihihi

ひとのプロジェクトで記述がなくてアレれとなったのでメモ

browserSync.init({
    server: "./public/",
    open:"external",
    online: true
});

online: trueもいる。

今週のtab退避

2019年3月8日開発関連tab退避hihihi

svgでパスが重なってて抜きになる場合はパスをまとめる

盲点だった！PhotoshopでSVGに書き出しする際の注意点｜株式会社ゼロワンアース
https://01earth.jp/web-create/photoshop/svg-shapelayer/

ショートカットも書いとかないと忘れると思ってたのにすでに忘れた・・・

その他

Slack APIを使用してメッセージを送信する – Qiita
https://qiita.com/rubytomato@github/items/6558bfdb37d982891c09

誰でも実装できる！PHPでメール送信を行う方法 | TechAcademyマガジン
https://techacademy.jp/magazine/11629

友人夫婦にあげたい
商品詳細『子供が勝手にマッサージしたくなる線路Tシャツ』デザインTシャツ通販ClubT
https://clubt.jp/sp/product/572796_80573175.html

そろそろヤバイ
商品処分品についての仕訳についてです。 – 商品処分品について… – Yahoo!知恵袋
https://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11102714291

iFrameでのGA計測ってどうなるんか。

2019年3月8日開発関連GA, googleAnalyticshihihi

やっぱ二重になるよねって

Googleアナリティクスでiframeはどういう扱いになるのか
http://cly7796.net/wp/seo/interpretation-of-the-iframe-in-google-analytics/

続きを読む iFrameでのGA計測ってどうなるんか。 →

tab退避

2019年2月5日開発関連tab退避hihihi

挫折する人多数！スプレッドシートの『カスタム数式』の使い方を徹底紹介 | たぬハック

挫折する人多数！スプレッドシートの『カスタム数式』の使い方を徹底紹介

そうか？

使ったら便利だったらなんか書く

バックアップ＆ステージング – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/backup_staging.html

ひさびさ

最新版Bingの登録方法。iPhoneユーザーからアクセスも集まるよ！ – UP Blog
https://infinityakira-wp.com/bingwebmaster-seo/

めも(tab退避)

2019年1月28日css, ソフト全般（開発用）, 開発関連filezilla, IEさんへ, SSL, tab退避, 設定hihihi

IEさんめ

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法 – LoudAndProudパーソナル

Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法

【スライス不要】Photoshop「画像アセット生成」の基本とつまずきがちな5つのコト | 東京上野のWeb制作会社LIG
https://liginc.co.jp/225512#sec3-5

独自SSLいろいろきかれた時用メモ

無料SSLサーバー証明書 Let’s Encrypt – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/freessl.html

独自SSL[IPアドレスベース／SNI SSL(ネームベース)] – レンタルサーバーはさくらインターネット
https://www.sakura.ne.jp/function/original-ssl/

【独自SSL】導入の流れ・設定手順 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/206054802?_ga=2.19963640.1159618661.1548152255-337862200.1547803612

無料SSL(Let’s Encrypt) – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/sections/115000024802-%E7%84%A1%E6%96%99SSL-Let-s-Encrypt-

【無料SSL】サーバコントロールパネルからの導入手順 – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000136822–%E7%84%A1%E6%96%99SSL-%E3%82%B5%E3%83%BC%E3%83%90%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%83%91%E3%83%8D%E3%83%AB%E3%81%8B%E3%82%89%E3%81%AE%E5%B0%8E%E5%85%A5%E6%89%8B%E9%A0%86

お問い合わせ – さくらのサポート情報
https://help.sakura.ad.jp/hc/ja/articles/115000161182

Colors | Calendar API | Google Developers
https://developers.google.com/calendar/v3/reference/colors?hl=ja

その他

Dropboxを使ってfilezillaの設定を複数のMacで共有する方法 | パズ部

Dropboxを使ってfilezillaの設定を複数のMacで共有する方法

OGPのprefixは「og: http://ogp.me/ns#」だけで良いんじゃねぇの？的な | 七色七音
https://nanairo.jyn.jp/phantom/2018/08-27

OGPで本当に必要なメタタグは? – Qiita
https://qiita.com/sutara79/items/d7a45f6c4796c1ee1590

hirokonaBlog = (x) => google(Front-End_Engineer(x));

ググる→忘れそう→即時メモ