Sassyブログ

好きなことで暮らしを豊かにするブログ

【JavaScript】pintoraを使ってテキストでダイアグラムを書いてみる

最初に 今回はpintoraというJavaScriptライブラリを使用してテキストでダイアグラムを書いてみようと思います! pintoraはブラウザとNode.jsで動作する拡張可能なJavaScriptライブラリです。 執筆時点ではActivity Diagram、Component Diagram、Entity Relat…

JavaScriptでのダミーデータ作成にはfalsoが便利!

Jser.infoというJavaScriptの最新情報を紹介するブログにてfalsoというダミーデータを生成してくれるライブラリが紹介されていたので手元で簡単に使ってみました。 falsoについてはこちら github.com githubのサンプルコードを使ってどんなデータが作れるの…

Jestでイベントリスナーのコールバック関数を検証する

画面のテストコードを書いている時に、画面を閉じた時やスリープした時に発生するイベントのコールバック関数の動作をテストしたい時があるかと思います。 そんな時にどうテストを書いたら良いかを以下にサンプルコードを交えながら備忘録として残していきま…

StorybookでknobsからControlsに書き換える

Storybook上でPropsの値を変更して表示などの確認を行う際にはaddon-knobsをインポートして使っていましたが、今後廃止予定となるため今後はControlsを使って実装するようになっていくかと思います。 既にaddon-knobsは deprecated となっています。 www.npm…

【React】useRouteMatchが返す戻り値をuseEffectの依存関係に含めない方がよい

react-router-dom に用意されている useRouteMatch というhooksを使って2種類のURLをマッチングして、パスパラメータを取得し数値に変換してからオブジェクトを生成してStateに保存するカスタムフックを作成しました。 このカスタムフックは特定の画面で使用…

ETCマイレージサービスを活用して旅行をお得に楽しもう!

始めに ETCマイレージサービスとは 登録について ポイントについて 特典 最後に 始めに どうもSassyです! みなさんETCマイレージサービスというのをご存知でしょうか? 私も始めたのは2~3年前なのですが、少し前に高速道路をバンバン利用している方にこの話…

YouTubeの人気により子ども達が漫画・アニメに触れる機会が徐々に薄れていってしまうのではないか?

※本記事はYouTubeを否定するものでも肯定するものでもありません。 始めに 今後、漫画やアニメよりYouTubeが浸透していく? 1. 漫画やアニメよりYouTubeの方が視聴しやすい 2. 我々世代の親が子供をあやす道具としてYouTube活用している? 3. 昔と比べてアニ…

ドメイン名で失敗しない決め方のコツ

始めに ドメインとは? これは失敗したというドメインの話 こういう利便性が高まるドメイン名の決め方 おすすめドメインサービス 最後に 始めに どうもSassyです! 今回は 失敗しないドメインの決め方 をテーマに話を進めていきたいと思います! これは私個…

家族で盛り上がるカードゲームの定番!「はぁって言うゲーム」で遊んでみた

どうもSassyです! 今回は家族で盛り上がるカードゲームの定番ともいえる「はぁって言うゲーム」を紹介したいと思います! 皆さん、このカードゲーム知っていますか? 知らない方は是非のブログ記事を読んで遊んでみてください♪ そして知っている方でも遊ん…

音楽配信サービスを上手く活用する方法と大手4社の値段を比較!

始めに 条項 よく聞く曲はオフラインで使えるようにしろ プレイリストを作成してカテゴライズしろ 使わない時は課金状態を一時停止しろ 家族で使う時にタイミングが競合しない場合はアカウントを共有するのもあり 音楽配信サービス各社をリサーチ! 最後に …

簡単ルールで面白い!Xenoの元になった「ラブレター(Love Letter)」で遊んでみよう!

最初に 商品紹介 遊び方 手順 ゲームの終了 最後に 最初に どうもSassyです! 先日「ラブレター」というカードゲームを購入してみました! ラブレター こちらのカードゲームは、ゲームデザイナーであるカナイセイジさんが手がけたゲームになります。 私はこ…

【家カラ】お家をカラオケルームに!PS4、PS5、Switchで遊べるJoySoundアプリでカラオケをしてみた!

どうもSassyです! 明けましておめでとうございます! 2022年になりましたね。 Sassyブログも今年で5年目になります。 引き続きよろしくお願い致します。 年末年始はいかがでしたでしょうか? コロナが中々落ち着かない状況かと思いますが、昨年や一昨年より…

2021年ブログ運営報告

始めに (※12/23時点のものです) どうもSassyです! もうあっという間に年末ですね! 皆さん今年一年はどんな年だったでしょうか? 私はブログに力を入れた年でした。 また会社の仕組みづくりや事業立ち上げも行い、会社を成長させるために色々動き充実した…

画面幅を縮めたり広げたりすることで要素がカクカク左右や上下にずれる問題はマージンの自動算出による小数pxが原因

問題 これはコンテンツ部分の左右マージンにmargin: 0 auto;をしており、画面幅を変えてもコンテンツが中央に配置されるようにしていた。 コンテンツ内にはSVGで描画した円の中心にアイコンを配置していたのだけど、画面幅を変更するとSVGで描画した円が左右…

SES会社を見極めたい!見分けるポイントからメリットデメリットまでを解説します!

対象読者 まず始めに SESとは? SES会社を見分けるポイント 1. 勤務地があいまい 2. 資本金に対して社員が異様に多い 3. 「未経験OK」と求人情報に記載がある SESってそんなにヤバいの? SESのメリット/デメリット メリット 派遣により1つの企業で働くわけで…