内田美樹 | 全国個人事業主支援協会

内田美樹 wrote a new post, [Git]コミットを元に戻す方法 1年 9か月前

こんにちは

たまにrebaseとかした拍子に自分のコミット消えちゃうことあるととっても焦るのでメモしておきます。

1.git reflogで元に戻したいコミットIDを確認

git reflog
(コミットID) HEAD@{0}: pull: ~~~~~~~~~~~
(コミットID) HEAD@{1}: che[…]

内田美樹 wrote a new post, 2023年の抱負 1年 9か月前

こんにちは

新年一発目の投稿なので今年の抱負を述べようと思うのですが、

今年は英語で会話ができるように勉強を頑張っていこうかなと思っています！

と言うのも、今の現場では外国人の方と一緒に作業していて、もちろん日本語を話せる方ではあるんですけど、私も英語を話せたらいいなと感じる場面が多々ありました。私はエンジニアではありますが、学生の頃からそういった勉強をしていた訳ではないので、英語が本当に本当に苦手でほぼ中学[…]

内田美樹 wrote a new post, 2022年を振り返って 1年 10か月前

2023年ももう終わりですね。

今年は引っ越しをしたのでネット環境が改善され、大分仕事がしやすくなりました。

リモートワークしてると自宅の環境を整えるのが結構大変ですよね、、、

フリーランスになってからもう３年が経ち（コロナになった年？）この仕事にもなれてきました。

私は元々会社という組織に属することが合わないタイプの人間だったので、フリーランスになったことで色々リスクを負いはしたものの悠々自[…]

内田美樹 wrote a new post, Tailwindcssの導入 1年 12か月前

最近現場でTailwindを使い始めたので、その導入について
React+Tailwind

・npmかyarnでインストール
npm install -D tailwindcss postcss autoprefixer
yarn add -D　tailwindcss postcss autoprefixer

・tailwind.config.js を修正する
contentにTai[…]

内田美樹 wrote a new post, オブジェクト↔︎クエリ文字列【Node.js】 2年前

APIを投げる際のクエリをオブジェクトから生成してくれるライブラリです。

検索用APIとかってたくさんクエリをつけるのでオブジェクトからパースしてくれるの助かりますよね。

インストール

npm install –save @types/qs

使い方
import qs from ‘qs’;
const query = qs.stringify({
hogeId: 1,[…]

内田美樹 wrote a new post, Generics【TypeScript】 2年 1か月前

typescriptを使っているとたまに、anyは使いたくないけど色々な型を使いたい時ってあるじゃないですか。

そういう時にGenerics（ジェネリクス）でメソッドをつくると呼び出し側から型を渡せるので非常に便利でした。

以下、引用

Genericsは抽象的な型引数を使用して、実際に利用されるまで型が確定しないクラス・関数・インターフェイスを実現する為に使用されます。

function t[…]

内田美樹 wrote a new post, form中のボタンでリローディングバグ【HTML】 2年 2か月前

検索ボックスに詳細検索用のボタンを付けて詳細を押すと詳細検索モーダルを表示するようにしていたんですけど、

inputの自動補完をOFFにしたいなと思い下記のように変えたら

　//←追加

詳細
検索

詳細ボタンをクリックするとページがリローディングされるバグが発生するようになりました。

どうやらの中のはtype=’button’などtypeを明確にしていない場合、全てsubmit扱いになってし[…]

内田美樹 wrote a new post, Wi-Fiを変えたときはプライベートに 2年 3か月前

最近、仕事でPC上にたてたTomcatサーバーにスマホから繋ぐってことをする機会があったんですけど、

pingは通るのにスマホからサイトを開くとタイムアウトで何も表示されなくて

絶対ファイヤーウォールだと思って一瞬ファイヤーウォール切ってみたんですがダメで

なんでだろうなー、なんでだろうなーって何時間も色々やってたら

そもそもWi-Fiをプライベートにしてないってことがありました、、、、、

[…]

内田美樹 wrote a new post, Cypressでのmockのやり方 2年 4か月前

Cypressでのmockはinterceptを使用します。
このinterceptはいろんな使用方法があり複雑なんですが、最後の引数に返したいレスポンスを渡すことでmockすることができます。
APIの追跡だけならレスポンスを渡す必要はありません。

it(“ダミーデータを返す”, () => {
cy.fixture(‘dummyResponce.xml’).then((dummyResponce) =>[…]

内田美樹 wrote a new post, Cypressのカスタムコマンド 2年 5か月前

Cypressでは頻繁に使用する処理をカスタムコマンドとして設定することができます。

cypress/support/commands.ts

// 頻出する操作をカスタムコマンドとして定義
// 操作：ボタン要素の特定・テキストエリアの特定・ボタンを押す・テキストエリアを埋める
C[…]

内田美樹 wrote a new post, Cypressのテストの書き方 2年 6か月前

・Cypressでの基本的なテストの書き方

integrationフォルダ下にspecファイルを作成してテストを記述していきます。
context(‘カテゴリ名’, () => {
it(‘シナリオ名1’, () => {
Cypressコマンドによる処理入力
┋
})
it(‘シナリオ名2’, () => {
Cypressコマンドによる処理入力[…]