nuxt generate + S3 + CloudFront でログインチェック・リダイレクトをする
はじめに ログイン時はログイン画面を開いたらトップにリダイレクト、ログインしていないのにトップ画面を開いたらログインにリダイレクトといった対応を入れることはよくあると思います。 私も同じように対...
1
0
Comment0
28 search resultsShowing 1~20 results
Stocked
You need to log-in
Amplify APIのfunctionディレクティブでLambdaを呼び出す
はじめに 例えば認証付きでAWS上で関数を実行したい時に、Amplify APIのfunctionディレクティブがとても便利でした。 今回はフロントエンドから特定のLambdaを呼び出す流れにつ...
9
1
Comment0
WSL+Docker+DevContainersによるフロントエンド開発環境の構築
はじめに フロントエンドの開発環境構築について紹介します。 チーム内での開発環境を統一するためにDockerを利用しています。 また、前提としてチームではWindowsPCを利用しています。 こ...
1
0
Comment0
DevContainerを利用したVSCodeでClineがコマンドの実行結果を参照出来るようにする
はじめに Clineはタスクの中でVSCodeのターミナルでのコマンドの実行・結果の参照が出来ます。 これをDocker+DevContainerを利用したVSCode上で試したところ失敗してし...
0
2
Comment0
Nuxt3/Vitest環境でのContainerコンポーネントのユニットテスト
はじめに 今回はNuxt3/Vitest環境でのContainerコンポーネントのユニットテストについて紹介します。 弊社のフロントエンドではContainer/Presentational設計...
0
1
Comment0
WSL+DevContainerによる開発環境でファイルの編集が出来なくなった
はじめに WSL+DevContainerでの開発環境でファイルの編集が出来なくなりました。 ひとまず解決することは出来たので備忘録として残します。 背景 WSL+DevContainerでフロ...
0
0
Comment0
【TypeScript】フロントエンドでのPDF生成
はじめに 今回はフロントエンド(TypeScript)でのPDF生成について紹介します。 画像などを変換するのではなく、アプリケーションの持っている情報を特定の座標に描画したPDFファイルです。...
1
2
Comment0
Nuxtでビルド時に環境変数をセットする
はじめに 基本的には.envファイル等使うかと思いますが、この記事ではビルド時にセットする方法になります。 実装 Nuxtでは環境変数の頭にNUXT_ENVを付与する必要があります。 https...
0
0
Comment0
nuxt/storybook+storybook/addon-interactions導入でやったこと
はじめに nuxtjs/storybook+storybook/addon-interactionsの導入で少しハマったので記事にしました。 大した内容ではないですが、あまり同じ構成の情報が見つ...
1
1
Comment0
Vuetifyのv-mutateを使ってclassの変化を監視する
はじめに Vuetifyのコンポーネントにv-autocompleteというものがあります。 このコンポーネントのフォーカスが外れるタイミングを検知したかったのですが、Blurのイベントはv-a...
1
0
Comment0
【SwiftUI】SwiftUI Appで`window.rootViewController`を用いた初期画面の表示
はじめに アプリの初期画面をwindow.rootViewControllerを用いて表示することは採用したアーキテクチャにもよると思いますが、よくあることかと思います。 ただし、プロジェクト作...
4
4
Comment0
Xcodeでビルド時にSwiftLintを差分ファイルのみに実行する時に特定のファイルを除外する方法
はじめに 表題の通り、Gitの差分ファイルのみにSwiftLintを実行する際に ファイル単体に対して実行しているからか、SwiftLint設定ファイルのexcludedが機能しませんでした。 ...
2
3
Comment0
【Swift】Protocolを用いて標準フレームワークに依存したModelクラスをテストする
はじめに Modelクラスのテストを書くにあたっての備忘録としてまとめました。 今回は例としてCoreLocationを用いたServiceクラスを想定しています。 こちらの記事を参考にさせてい...
5
5
Comment0
【Xcode】ファイル自動生成ツール「Generamba」の使い方
はじめに Generambaとは、 テンプレートに則ってファイルの生成やXcodeへの参照の追加をしてくれる便利な子です。 主にVIPERやCleanArchitecture等の1モジュールに対...
9
10
Comment0
【Swift4】CIFilterでUIViewをモノクロのUIImageにする
はじめに UIViewをモノクロにしたUIImageを出力する実装をしてみました。 以下のOSSを大変参考にさせていただきました。 https://github.com/freshking/BK...
0
2
Comment0
【Xcode10】IB(Storyboard/Xib)でカスタムビューの高さを動的なものとして扱う
はじめに IBで配置したカスタムViewのサイズをAutoLayoutによる動的に計算される高さで扱いたい場合の対応方法です。 対応方法 IBでViewを選択している状態で、右側のSizeIns...
3
4
Comment0
【Swift4】PDFKitで横幅がバラバラのPDFを左寄せにする
はじめに PDFViewでPDFを表示する際に、ページごとに横幅が違うと横幅の小さいPDFは中央寄せになってしまいます。 今回、これを左寄せにする対応をしました。 実装 納めたい大きさのUIIm...
6
2
Comment0
AssetsCatalogのColorSetをStoryboardで指定するとviewDidLoadで色が変更されない
はじめに 表題の通りです。 ハマったので共有します。。。 現象 AssetsCatalogで作成したColorSetをstoryboardで指定します。 上記画像ではViewController...
9
4
Comment3
【Swift4】CTRubyAnnotationとNSAttributedStringでルビを振る
はじめに NSAttributedStringを利用したルビの実装についてです。 以下の記事を参考にさせていただきました。 https://qiita.com/woxtu/items/28436...
12
9
Comment3
【Swift】AutoLayout計算後のViewのCGSizeを取得する
はじめに リファレンス(https://developer.apple.com/documentation/uikit/uiview/1622624-systemlayoutsizefittin...
15
11
Comment0
28 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles