記事一覧
Locomotive Scrollについて
Locomotive ScrollはどんなJavaScriptライブラリ？公式サイト・デモ：https://locomotivemtl.github.io/locomotive-scroll/ Github：https://github.com/locomotivemtl/loc…
Next.jsでビルド時にエラーに遭遇した時の話。
Next.js+WordPress+Vercelの構成で運営しているCheckWebTechというギャラリーサイトを運営しています。（https://cwt.jp/） WordPressで記事公開をトリガーにVercelにデプ…
デザインデータで設定されているカーニングをCSSで再現したい
illustratorやPhotoshopのデザインデータ上で設定された数値を再現するためのメモです。 https://helpx.adobe.com/jp/illustrator/using/line-character-spacing.html 字…
Locomotive Scrollについて
Locomotive ScrollはどんなJavaScriptライブラリ？公式サイト・デモ：https://locomotivemtl.github.io/locomotive-scroll/
Github：https://github.com/locomotivemtl/locomotive-scroll
Locomotive Scrollはパララックスやアニメーション、横方向にコンテンツを展
create-react-appのエラーで困った話。（You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).）
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).We no longer support global installation of Create React App.Please remove any global installs with one of the foll
もっとみる会話と記憶、感謝。 つれづれと。
今朝、妻に指摘された言葉がすごく印象的だったので書き残します。
朝の情報番組でディズニー特集が放送されていました。
家族みんなで朝ごはんを食べながらみていたわけですが、
当然子供たちはディズニー行きたい！！となります。
少々性格がゆがんでいる父ちゃんこと私は、
「今遊びに行っても記憶にないでー。父ちゃんも子供の時行った記憶、一ミリもないしー。」
と言い放ち子供たちのディズニー行きたい盛り上がりを
docker-composeで立ち上げたMysqlにデータベースを追加
手元の開発用なので面倒は避けてパスワードなしのログインを許可しておく。（docker-compose.yml）
MYSQL_ALLOW_EMPTY_PASSWORD: "true"
コンテナIDを確認。
docker ps
コンテナにターミナルでログイン
docker exex -it コンテナID bash
MySQLへログイン
mysql -u root -p
データベースを
Next.jsでビルド時にエラーに遭遇した時の話。
Next.js+WordPress+Vercelの構成で運営しているCheckWebTechというギャラリーサイトを運営しています。（https://cwt.jp/）
WordPressで記事公開をトリガーにVercelにデプロイを投げる仕組みなのですが、これが動かなくなりました。
エラー内容Vercelのビルドログを確認するとエラーが発生しているようです
Error occurred pr
Sassの@importの問題点を理解する。
@importは廃止されます
@importを使って別ファイルを読み込む方法を変える必要があります。
下記、公式サイトにも書かれている通り、今後廃止されます。
The Sass team discourages the continued use of the @import rule. Sass will gradually phase it out over the next few yea
デザインデータで設定されているカーニングをCSSで再現したい
illustratorやPhotoshopのデザインデータ上で設定された数値を再現するためのメモです。
https://helpx.adobe.com/jp/illustrator/using/line-character-spacing.html
字送りとカーニングの値は、現在の書体サイズを基準とした 1/1000 em 単位で指定します。 1 em は、6 ポイントのフォントでは 6 ポイ
Next.jsをTypeScript+TailwindCSS環境で構築する準備作業
Mac環境、Node.js はv14系、VSCodeのターミナル操作です。
まずはプレーンなNext.jsプロジェクトを構築します。
作業フォルダ内で下記コマンドを実行すると必要なファイルが揃う。
npx create-next-app .
TypeScriptを使えるように準備します。公式ドキュメントの記載の通りではありますが、まずは下記のコマンドでTypeScriptの設定に使うからファ
Hello World.
こんにちわ。ミナミタカオと申します。
今年4月に8日間の入院中、自己対話を繰り返した末、意識が高まりすぎた結果、会社を辞めてフリーランスとして駆け出してしまいました。
プライベートでは3児の父、会社ではWEB制作チームのマネージャー。
自分と向き合う事からもう10年ほど遠ざかっていましたものですから、
入院中、自分自身と向き合うだけの８日間はとても刺激的で自分と家族の人生を変えるには十分すぎる