chibi929's blog

その一歩先へ。ちびです!猫の名前です!ドラゴンボール好き!純粋なサイヤ人のように生きたいと思っています!IT技術で少しでも多くの人が笑顔になってくれたらいいなと。

Netlify で submodule (private repo) を使用する

概要 Netlify で private submodule を使用する 詳細 private な submodule はエラーになる 当たり前といえば当たり前だが... 権限不足で submodule update --init に失敗する Netlify 側で Deploy Key を発行する Netlify Project を開く Deploy Settings …

Nuxt.js x Class API x Storybook (x SCSS)

前提・環境 $ node -v v14.17.3 $ npm -v 7.19.1 $ yarn -v 1.22.10 $ nuxt -v @nuxt/cli v2.15.8 Nuxt.js x TypeScript x Class API のプロジェクトが用意されていること Class API の Nuxt.js で Storybook を使ってみる まずはデフォルトで動作確認 1. ま…

Blender でスライムベス・メタルスライムもモデリング

Blender でスライムをモデリング の続き スライムベスのモデリング スライムベス メタルスライムのモデリング Material の Metaric オプションを使った! メタルスライム

Blender でスライムをモデリング

これならできそう! と思って、スライムをモデリングしてみた 環境 Windows 10 Blender 2.93.1 やったこと 参考になる画像を用意 UV Sphere からモデリング開始 Proportional Editing を使っていい感じにサイズ合わせ 底は消して F でフタ 角は E で押し出し…

Blender 2.93.1 で mmd_tools をインストールする

この記事のキッカケ .pmx ファイルを読み込みたかった しかし、インポートに MMD が出てこなかった 環境 Windows 10 Blender 2.93.1 やったこと blender_mmd_tools を zip でダウンロード zip を解凍して mmd_tools フォルダを Blender addons にコピペ ${BL…

Blender Beginner Tutorial の復習 (後半)

https://youtu.be/TPrnSACiTJ4 @startmindmap Blender_Beginner_Tutorial title "Blender Beginner Tutorial の復習 (後半)" <style> mindmapDiagram { .red { BackgroundColor LightPink } .green { BackgroundColor LightGreen } .blue { BackgroundColor LightBl</style>…

Blender Beginner Tutorial の復習 (前半)

https://youtu.be/TPrnSACiTJ4 @startmindmap Blender_Beginner_Tutorial title "Blender Beginner Tutorial の復習 (前半)" <style> mindmapDiagram { .red { BackgroundColor #FFBBCC } .green { BackgroundColor lightgreen } .blue { BackgroundColor lightblue</style>…

YouTube のコメントにネオンカラーを適用する

Requirements Chat v2.0 Style Generator Options Animate in Slide Reverse slide Additional CSS /* Additional CSS */ yt-live-chat-text-message-renderer, yt-live-chat-legacy-paid-message-renderer { animation: anim 1s; animation-fill-mode: both…

YouTube のコメントをドラクエ風に表示する

Requirements Chat v2.0 Style Generator Use default css. PixelMplus PixelMplus10-Regular.ttf Must be installed. Additional CSS /* Additional CSS. */ yt-live-chat-text-message-renderer #author-name, yt-live-chat-text-message-renderer #messag…

SSGはスーパーサイヤ人ゴッドの略ではない

Rendering mode Deployment target Mode 備考 Universal Server SSR Universal Static SSG SPA Server SPA dist が勝手にできてた SPA Static SPA generate が必要だった Universal x Server (SSR) yarn build $ yarn build yarn run v1.22.10 $ nuxt build …

勉強会参加メモ:Front-End Study 3「『当たり前』をつくりだすWebアクセシビリティ」

Front-End Study #3 メモ PlantUML Raw Data @startmindmap 210113_FEStudy title "Front-End Study #3「『当たり前』をつくりだすWebアクセシビリティ」" + FEStudy#3 ++ Webエンジニアとしていま知っておきたいWebアクセシビリティ@ymrl 氏 +++ アクセシビ…

ブラウザで 3D モデルを作成できる Tinkercad を使ってみた

Tinkercad は AUDODESK 製の 3D モデリングツール。ブラウザでポチポチするだけで 3D モデルが作れちゃうやつです。 チュートリアルも充実していて、使いやすい印象です。 Tinkercad_スターター 3D モデリングは初めてなので、まずは、スターターからやろう…

「obniz x LINE Things」ハンズオンのサポートスタッフをしてきた話

linedevelopercommunity.connpass.com こちらで obniz の木戸さんのサポートをしてきました! 講師 木戸先生 ハンズオンの内容 LINE Things 名物、無限 PUSH 通知を obniz から実行する 流れ 事前確認 obniz のバージョン確認・アップデート LINE のバージョ…

「TypeScript x Clova」ハンズオンのサポートスタッフをしてきた話

linedevelopercommunity.connpass.com こちらで講師のみそさんのサポートをしてきました。 講師 みそ先生 ハンズオンの内容 JavaScript で実装されている公式のサンプルプログラムであるサンプルダイスを CEK_SDK 版で構築し、 最終的に TypeScript へ置き換…

「M5StickC + LINE Things + Amazon Connect 連携ハンズオン」に参加してきた

linedevelopercommunity.connpass.com に参加してきました。 IoT よくわからないので Arduino IDE 初体験です。 講師 がおまる先生 流れ Amazon Connect で問い合わせフローを作る Lambda 関数・API Gateway を作る LINE Bot (LIFF) を作る LINE Things を設…

obniz ファン meetup vol.2 に登壇しました

obniz-fan.connpass.com にて、登壇してきました。 経緯 chibi929.hatenablog.com この記事です。 先日、obniz にプルリクを出したのがキッカケです。 そして T シャツをいただきましたので、これは着て行くしかない。 ただ着て一般参加で座っていても格好悪…

obniz にプルリクを出した話

先日、obniz にプルリクを出しました。 https://github.com/obniz/obniz/pull/172 そしてマージされ、リリースされました! https://github.com/obniz/obniz/releases/tag/v2.1.0 本人のスペック IoT は全然できません。 obniz だからこそLチカやモーターが…

Unity - ブロック崩しチュートリアルで学んだこと

はじめに 本記事は自分の理解のために雑にまとめたもの。 参考 URL http://tutorial.unity3d.jp/archive/my-first-unity/ http://baba-s.hatenablog.com/entry/2018/01/16/212800 http://baba-s.hatenablog.com/entry/2018/01/16/212900 http://baba-s.haten…

「キッズコーチ検定3級」を受けてきた

ティーチング と コーチング は違うよ 傾聴 , 承認 , 質問 を心掛けましょう 子どもとのコミュニケーションについて 姿勢 表情 リアクション 話し方 言葉遣い 自己紹介(初対面のとき) 話題 聞く姿勢 コミュニケーションツール クイズ、ゲーム 興味の対象にな…

「PlayCanvas 3D チュートリアル」で学んだこと

はじめに playcanvasjp.connpass.com これに参加して、Unity 同様メモしたやつ。 Unity も全然使えないからむずかしい。。。 参考サイト https://support.playcanvas.jp/hc/ja/articles/224172247 PlayCanvas のビューについて Unity と一緒。すんなりイメー…

「Unityで2Dミニゲームを作るチュートリアル」で学んだこと

はじめに Unity を今更使う初心者が、とりあえず Qiita の記事通りにゲームを作った際のメモ。 Unity 用語が全然わからないので、その辺もメモしている。 参考URL 【Unity2D】Unityで2Dミニゲームを作るチュートリアル(第1回) 【Unity2D】Unityで2Dミニゲ…

「エンジニアとして食っていく方法」に参加しました

techplay.jp 本日はこちらに参加しました。 「エンジニアとして食っていく方法」!! とても刺激になるイベントでした 内容はこんな感じです。 活躍するエンジニアの条件 (及川卓也さん) 美容師からエンジニアへの転身 (許直人さん) TECH PLAY Academyのご紹…

LINE ハッカソンメモ

linedev.connpass.com 9/22(土)~9/23(日) LINE BOOT AWARDS 2018 ハッカソン 東京 vol.02 API のインプットタイムで「1人15枚は付箋にメモする」ということで、 せっかくメモしたので、付箋を捨てる前にブログにもメモ LINE Closing the distance LINE のミ…

スマートスピーカーを遊びたおす会に参加

kotodama.connpass.com こちらに参加 #スマートスピーカーを遊びたおす会 前回の様子はこちら。 http://chibi929.hatenablog.com/entry/2018/04/17/093935 Storyline の Real (by もっちゃんさん) もっちゃんさん、デュエリストと勘違いされる。 Storyline …

VUI の未来

smarthacks.connpass.com 今回はこちらに参加 オープニング・VUIの市場感 (SmartHacks 山本さん) スマスピ用にアプリを作ってもスマホで使う人が圧倒的に多い現実・・・ Google Home よりも Amazon Alexa の方が利用されている。 しかし Google Assistant は…

Google Home で遊ぼう

kotodama.connpass.com 久々に勉強会に参加。 記事を書くことをサボっているのでちゃんと書こうかなと。 Google Homeでつくるスマートホーム (田中みそさん) スマートホーム構成 Firebase を起点にラズパイ等で各種制御 Firebase へは IFTTT の Webhook もし…

MAとチビキノコ

〜ハッカソンに参加するようになってこんなものも作れるようになった!〜 この記事について この記事は MashupAwards Advend Calender 2017 の 9日目の記事です。 qiita.com はじめに ちびキノコとは ちび × マッシュ&ルーム ちび 「ちび」とは、ネコの名前…

負債と共には生きたくない

speee.connpass.com これに参加しました!! すごく勉強になる良いイベントでした。 執筆が遅くなりましたが、引っ越し後まだインターネットが繋がっていないんです。 という言い訳です。 負債とは 読むのが辛い/時間がかかる 修正するのが辛い/危ない 過去…

Qiitaのお話を聞いてキータ

increments.connpass.com これに参加させていただきました! なんとも今更感な記事。。。 忙しくて家でPC開く時間が全然なかったんです。。。 貴重なQiita誕生秘話!! 当初は、3名ほどの開発メンバーで、 時間も合わないのでオンラインでアイデア出し、 そ…