カテゴリー
開発関連

固定IPくださいを回避できなかったのでサービス契約

投稿めんどいな〜

とかいっててもしょうがないのでまとめておく

いつも案件のサーバ担当者が近しい間柄のときはIP変わったよ〜って言って対応してもらったり、大きめクライアント様の場合は先方がすでにお持ちのVPNのアクセス権をちょうだいしたり、クライアントが外国母体の企業だとCISCOやなんや共通のアプリ使ってなんやかんやアクセスしたりとか。
 
いままで自分での契約は回避していたのだが、初案件のクライアント様で自社サーバのため・・・となり、いったん作業の間固定IPが使えるVPNサービス使うこととなった。

つこてるの忘れそうなのとTAB閉じるためにURLメモ

企業が固定IPアドレスを利用するメリットを具体例を交えて解説|トラムシステム
https://www.tramsystem.jp/voice/voice-3576/ VPNでリモートワークも安心!固定IPアドレスによる安全なネットワーク接続 | Notes de Design
https://notes-de-design.com/tips/vpn-static-ip-address-remote-work/#IP-2
カテゴリー
js React 開発関連

ReactSlick天地中央

css – Vertical align content slickslider – Stack Overflow
https://stackoverflow.com/questions/37455322/vertical-align-content-slickslider
.slick-track {
  display: flex;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}
カテゴリー
css 開発関連

わくわくは大事よ

僕がネイティブなCSS変数にわくわくする理由
https://terkel.github.io/why-im-excited-about-native-css-variables/   あ、ついでに追記 How do I apply opacity to a CSS color variable? – Stack Overflow
https://stackoverflow.com/questions/40010597/how-do-i-apply-opacity-to-a-css-color-variable
カテゴリー
開発関連

書いていた内容が消えた・・・Adobe XDで作業していてゾッとした瞬間

書いていた内容が消えた・・・俺の30分・・・悲しいので参考URLだけ貼っておく 基本はイラレ・フォトショでやろうね、svgとかも全部いじれると思うな、って言うはなしとかパーツの読み込み方がデザインびゅーの再現度とかもかかわるよってです。さよなら・・・(こころやられたらしい XDでも、テキストのアウトライン化を どうぞよろしく(^^)/ – マークアップ かめ壺
https://web.kame-kobo.com/blog/2398
カテゴリー
開発関連

Failed prop type: The prop `children` is marked as required in `Layout`, but its value is `undefined`って言われたんですけど

Reactです。Gatsbyです。
Layoutはページ内要素(コンテンツ)全体を包むラッパーで、グローバルスタイルが入っており、全ページで読み込むコンポーネントです。えーと、日本語あってるかな・・・ TOPページ表示のときに怒られてたんやけど、いや、すでにページに内包する要素、組んで入れてますがな。
カテゴリー
css 開発関連

2021年1月 最近の仕事でのSVG圧縮とかコンポーネント化とか

大量の一括圧縮

SVGO

中身をトランジションとかアニメーションとかさせない、imgとか背景として置く場合。
ターミナルでディレクトリに移動して一括でたったくよ。
BigSurにしたらSVGO-GUIが動かなくなたので本家SVGOに変更
svgを軽量化してくれるsvgoの使い方 – Qiita
https://qiita.com/macotok/items/ea1db2687d0979fab9d6 svg/svgo: Node.js tool for optimizing SVG files
https://github.com/svg/svgo
カテゴリー
css 開発関連

CSS Grid苦手意識を克服する

プロパティとかお作法とか なんどやっても覚えないから急いでたらflex使いがち問題を今更どうしようかなって  

ジェネレーターでええやん

Interactive CSS Grid Generator | Layoutit Grid
https://grid.layoutit.com/ 直感的にグリッド(子要素)作って、class名つけて、sassにコピペするだけ。

gridジェネレーターサイトつかえば何も覚えなくてよかった

  べんりね・・・世の中・・・ありがとう開発者
カテゴリー
開発関連

サイト作るついでにgooglemapの地点情報も変えたいっていわれた

いつもほぼMAP埋め込みしかしないからめっも

googleビジネス?から一括でできるらしい
https://www.google.com/intl/ja_jp/business/ 
依頼されたのが親戚だったので、サクッと調べてサクッとトライしてみたらサクッとできた。 
ビジネス拠点の住所とかよくマップで見る情報を登録するだけ。 
 
5分くらいで登録、画像を追加、ロゴも追加(どこでつかわれるんや)  
べんり〜
カテゴリー
開発関連

イラレの文字アウトライン化で文字が太る??

https://ameblo.jp/easy-peasy000/entry-11271349541.html
太らないそうな。 ほっ。
カテゴリー
開発関連

gatsbyでのタグマネージャーの設定

めっも

タグマネージャーのタグ発行のしかた https://support.google.com/tagmanager/answer/6103696?hl=ja
 
結局途中でGAのタグも発行する。
GAの最新版コードはGA4(2021.02.03現在)
 
gatsbyでtagmanager用のpluginを入れる gatsby-plugin-google-tagmanager | Gatsby https://www.gatsbyjs.com/plugins/gatsby-plugin-google-tagmanager/
 
サイトの通り、gatsby-config.jsでプラグインの設定を追加
他のGA入れてた場合は邪魔なので削除
 
これちょっと古いけど参考 gastby に google tag manager のタグを設定する | Monotalk https://www.monotalk.xyz/blog/gastby-%E3%81%AB-google-tag-manager-%E3%81%AE%E3%82%BF%E3%82%B0%E3%82%92%E8%A8%AD%E5%AE%9A%E3%81%99%E3%82%8B/