この記事は、 ニフティグループ Advent Calendar 2022 13日目の記事です。 はじめに 最近ChatGPTにハマっている柴田です。普段はFlutterの開発を個人的に楽しんでいます。今回は、FlutterでHero Animationsを実装してみます。 Hero とは FlutterのHero Animationsとは、アプリらしいシームレスなアニメーションのことで、Androidで言うshared element transitions、iOSでいうSwiftUI2.0で追加されたm

この記事はLuup Advent Calendarの13日目の記事です。 こんにちは、iOSエンジニアの大瀧です。 今回はGitHub Actionsで行っていたTestの実行をXcodeCloudに移行した話を書いていきます。 XcodeCloudの概要 XcodeCloudはXcodeやAppStoreConnectからGUIでワークフローを設定、証明書の管理やTestFlightへの自動アップロード等、Appleプラットフォームに最適化されたCI/CDサービスです。 料金 GitHub Action

この記事はLuup Advent Calendarの13日目の記事です。 こんにちは、iOSエンジニアの大瀧です。 今回はGitHub Actionsで行っていたTestの実行をXcodeCloudに移行した話を書いていきます。 XcodeCloudの概要 XcodeCloudはXcodeやAppStoreConnectからGUIでワークフローを設定、証明書の管理やTestFlightへの自動アップロード等、Appleプラットフォームに最適化されたCI/CDサービスです。 料金 GitHub Action

Electron この記事は RevComm Advent Calendar 2022 の 12 日目の記事です。 はじめに 1. キルスイッチを用意する 2. パッケージに含まれる内容を確認する 3. Electron が機能を提供しているか確認する 4. キーボードショートカットを設定する 5. 署名・公証 6. ライセンス表記 7. アップデートに備える おわりに はじめに Electron は、JavaScript、HTML、CSS などの Web 技術を使用して、クロスプラットフォームのデスクト

Hello, My name is Shweta Oza. I joined KINTO in April 2022 at the Global Development Group. I am an application developer who has recently gained interest in DevOps. I am currently working in the Coupon Team. Our team develops and maintains Coupon APIs fo

この記事は、 ニフティグループ Advent Calendar 2022  8日目の記事です。 はじめに こんにちは！会員システムグループの渡邊です。普段はニフティトップページの開発運用を担当しています。 今回はニフティトップページでも採用しているNext.jsを使ったサイトの表示速度を改善する方法について紹介します。 実行環境 MacBook Pro（M1、2021） macOS v12.6.1 Next.js v13.0.6 next/image 画像ファイルはウェブページ全体のバイト数の半

この記事はLuup Advent Calendarの5日目の記事です。 LUUPサーバーチームのt-kurimuraです。 この記事ではLUUPのサーバーのレポジトリのひとつで実装されている画像に対するバリデーションをご紹介します。 背景 LUUPではキャンペーンなどユーザーへお知らせする際にバナーなどで画像素材を利用します。 これら画像はサーバー上にアップロードされアプリ側へURLを渡す形で表示されます。 この画像の容量が大きいと表示に時間がかかったり、縦横比が指定どおりでないと表示崩れを起こしたりして

はじめに 旅行プラットフォーム部の武田です。 最近、AWS Amplifyを利用してNext.jsのアプリケーションをホスティングする機会があり、実際にアプリケーションを作りながら開発の流れについて紹介します。 Amplifyで楽をしつつ一部のAPIはNext.jsのAPI Routesを利用する、というやり方が比較的シンプルで良いと感じました。 AmplifyでAPIを構築する場合、Next.jsのAPI Routesを利用することも有力な選択肢になりそうです。 今回作るアプリケーションはCognito

自己紹介と目次 はじめまして！株式会社ココナラの情報システムグループのCorporateITチーム（CIT）に所属する石浦と申します。 この記事は主にmacOSのゼロタッチデプロイ（自動キッティング）を実現したい情シス or 総務 or エンジニア の方々に向けて執筆しました。記事の内容は以下になります。 導入の背景とメリット ユーザー体験 構成要素 （この記事でできる限りの）具体的な構成手順と苦労したところ 今後の展望 最後に 導入の背景とそのメリット 背景 現在ココナラは組織が拡大するフェーズにありま

概要 環境 実装方法 まとめ 概要 NavigationViewやNavigationStackのタイトルや背景色を変更する方法をご紹介します。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.1 【iOS】16.1 【macOS】Monterey バージョン 12.6 実装方法 UINavigationBarAppearanceはナビゲーションバーの外観をカスタマイズするためのオブジェクトです。 https://developer.apple.com/document

概要 環境 UIViewControllerRepresentableとUIViewRepresentable UIKit側の実装 SwiftUI側の実装 UIViewControllerRepresentableを使用して呼び出す まとめ 概要 UIKitで作成したUIViewControllerやUIViewをUIViewControllerRepresentableやUIViewRepresentableを使用してSwiftUI側で表示する方法をご紹介します。 環境 この記事は以下のバージョン環境の

こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳です。 CI推進活動の一環として、話題のCI/CDツールDaggerを使ってみました。 この記事では、DaggerでNext.jsプロジェクトのCIを構築して、ローカルと GitHub Actionsで実行する方法について紹介します。 Daggerについて みなさんはどのCI/CDツールを使っていますか？私が所属する部署では GitHub Actionsを使うことが多いです。 従来のCI/CDでは、 GitHub ActionsやCirc

こんにちは。X イノベーション 本部ソフトウェアデザインセンターの陳です。 CI推進活動の一環として、話題のCI/CDツールDaggerを使ってみました。 この記事では、DaggerでNext.jsプロジェクトのCIを構築して、ローカルと GitHub Actionsで実行する方法について紹介します。 Daggerについて みなさんはどのCI/CDツールを使っていますか？私が所属する部署では GitHub Actionsを使うことが多いです。 従来のCI/CDでは、 GitHub ActionsやCirc

概要 環境 Combineでの実装 onChangeでの実装 まとめ 概要 テキストの文字数をリアルタイムでカウントして表示したり、入力文字数の制限をする方法についてCombineフレームワークとonChangeを使用した手法をそれぞれ紹介したいと思います。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【iOS】16.0 【macOS】Monterey バージョン 12.5 Combineでの実装 Combineでの実装方法は以下の通りです。 Combine

概要 環境 シミュレーターの追加 確認 まとめ 概要 常に最新のOSバージョンで開発できればいいものですが、そんな事はまずなく、検証する際もそのOSに対応した環境で行うために、任意のバージョンのシミュレーターが欲しくなると思います。 そんな時は以下の手順で任意のiOSバージョンでシミュレーターを追加することができます。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【macOS】Monterey バージョン 12.5 シミュレーターの追加 Xcodeを起動した