こんにちは。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を起動した

概要 環境 check spelling while typingの設定方法 任意のキーワードは除外 除外したキーワードの管理 まとめ 概要 いきなりですがXcodeのcheck spelling while typingは使用していますか？ こちら使用するとスペルチェックをエディタに任せる事ができます。 また任意のキーワードはチェックから除外する事ができます。 今回はそんなcheck spelling while typingの設定方法についてです。 環境 この記事は以下のバージョン環境のもと作成された

はじめに この夏の 土用の丑の日 に鰻を食べれなかったので、この秋は秋刀魚を絶対に食べることを目標にしているアプリケーションサービス部の森です。 今回は、たまたまOSをクリーンインストールしたので、 新たにPythonをインストールすることになったので、 備忘録がてらブログに情報を残そうと思います。 前提条件 MacBook Pro (13-inch, M1, 2020) Apple M1 macOS Monterey(12.6) 工場出荷状態 zsh 2022/10/24現在 インストール では、Pyt

概要 環境 TabViewの基本的な使い方 Tabの背景色やアイコンに色を付ける方法 Onboardingを作成 まとめ 概要 TabViewを使って以下の様なアプリ起動時に表示するOnboardingを作成してみたいと思います！ 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【iOS】16.0.2 【macOS】Monterey バージョン 12.6 TabViewの基本的な使い方 TabViewを使用することで簡単にタブと、そのタブに応じたViewを表示す

初めに 皆さんこんにちは。 開発課のm_tkoです。 Dockerについて、 「とりあえず手軽にアプリケーションの実行環境作れるらしいぞ」 という印象だけで生きていたので、仕組みをいまいち理解できていませんでした。 一体どういう仕組みになっているのか、まずは大枠だけでも理解しようと思いこの記事を作成しました。 最後までお付き合いいただけると嬉しいです。 目次 初めに 目次 Dockerの超概要 Dockerの構成 Dockerコンテナとは？ 概要 利点 Dockerイメージとは？ 概要 利点 補足 Doc

概要 環境 きっかけ 追加、修正機能 Pixelのコンポーネント作成 タップ動作でPixelを選択する 任意の色を着色できる おまけ まとめ 概要 【SwiftUI】ForEachでPixel Artアプリを作ってみるの続きとなります。 今回はColorPickerを使用して任意の色を選択して着色できる方法を紹介しつつ、サンプルアプリを昇華していく様子をご紹介したいと思います。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0.1 【iOS】16.0.2 【macOS

概要 SwiftUIではForEachを使用することでViewを繰り返し処理で生成することができます。 そんなForEachの使い方をご紹介しつつ今回は以下のようにドット絵が描けるPixel Artアプリを作ってみたいと思います。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0 【iOS】16.0 【macOS】Monterey バージョン 12.5 ForEachの基本的な使いかた VStack { ForEach(0..<10) { index in Text(

概要 環境 参考サンプル 範囲選択から値をリスト表示する 特定のグラフを選択した時に値を抽出して表示する まとめ 概要 ChartにGeometryReaderを使用することで以下のようにタップなどの動作で特定のグラフの値を抽出したり、範囲選択して、値をリスト表示させたりすることができます。 この記事では上記のように 範囲選択から値をリスト表示する 特定のグラフを選択した時に値を抽出して表示する ことをGeometryReaderを利用しておこなっていきたいと思います。 環境 この記事は以下のバージョン環

概要 環境 サイズ、背景色、枠線の制御 XやY軸に対してラベルの表示制御 グラフに対してグリッド線や目盛り線の表示制御 まとめ 概要 Chartで作成したグラフに対して背景色をつけたり、X軸やY軸のグリッドやラベルの表示を制御する方法を紹介します。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0 【iOS】16.0 【macOS】Monterey バージョン 12.5 サイズ、背景色、枠線の制御 chartPlotStyleを使用することでグラフのサイズや背景色、枠

概要 環境 chartXScale、chartYScale includesZero reversed グラフ内に余白を追加する まとめ 概要 Chartでグラフを作成した際に縦軸、もしくは横軸に基準となる値が自動で調整されて表示されます。 今記事は各軸に表示される値の範囲を指定する方法の紹介です。 Chartsフレームワークの基本的な使用方法についてはこちらの記事を参照していただければと思います。 環境 この記事は以下のバージョン環境のもと作成されたものです。 【Xcode】14.0 【iOS】16.0

開発環境用にAmazon EC2インスタンス（Amazon Linux2）を作成し、ローカルのMacBookでSSH接続の設定をして、VS CodeからSSH接続するまでの手順を備忘録としてまとめました。

こんにちは！金融ソリューション事業部の山下です。 前回の 「バーチャルヒューマンをリアルタイムフェイスリグで動かす」 の記事に引き続き、最新の3DCG技術を紹介します。 本記事では、特に映画/ゲーム業界等で VFX に活用されている Houdini を使って、トップ画像のようなフォトリアルな雲を レンダリング します。 雲のような3次元空間上に密度分布を持った現象をシミュレーションする為に、 オープンソース の OpenVDB ライブラリを利用します。 前提知識 1. Voxel 3次元データを表す最小単

こんにちは！金融ソリューション事業部の山下です。 前回の 「バーチャルヒューマンをリアルタイムフェイスリグで動かす」 の記事に引き続き、最新の3DCG技術を紹介します。 本記事では、特に映画/ゲーム業界等で VFX に活用されている Houdini を使って、トップ画像のようなフォトリアルな雲を レンダリング します。 雲のような3次元空間上に密度分布を持った現象をシミュレーションする為に、 オープンソース の OpenVDB ライブラリを利用します。 前提知識 1. Voxel 3次元データを表す最小単