木曜日, 5月 15, 2025
No menu items!
ホーム ブログ ページ 2117

黒ビキニ食い込むお尻が刺激的!「水着ユミア」フィギュア監修中の彩色原型が公開、べにたま氏も“背中の魅力”を絶賛



黒ビキニ食い込むお尻が刺激的!「水着ユミア」フィギュア監修中の彩色原型が公開、べにたま氏も“背中の魅力”を絶賛

黒ビキニ食い込むお尻が刺激的!「水着ユミア」フィギュア監修中の彩色原型が公開、べにたま氏も“背中の魅力”を絶賛



Source link

Views: 0

米関税 SUBARU城下町に悲痛な声



米関税 SUBARU城下町に悲痛な声

米関税 SUBARU城下町に悲痛な声



Source link

Views: 0

『WIND BREAKER』RPG描き下ろしグッズが発売決定!桜や蘇枋が華やかな衣装で登場


『WIND BREAKER』RPGグッズ①

『WIND BREAKER』RPGグッズ詳細

異世界冒険RPGをイメージした幻想的な描き下ろしイラストには、桜・楡井・蘇枋・梅宮・桐生・梶の6人が登場!

 

ボウフウリンの学ランとは一味違った、豪華な装いの彼らの姿に注目です。

 

 

グッズラインナップ

『WIND BREAKER』RPGグッズ①

引用:「twincre」公式X

 

アクリルスタンド(全6種):各1,980円(税込)

缶バッジ(全6種):各550円(税込)/BOX(6個入り)3,300円(税込)

アクリルキーチェーン(全6種):各825円(税込)/BOX(6個入り)4,950円(税込)

 

 

『WIND BREAKER』RPGグッズ②

引用:「twincre」公式X

 

アクセサリースタンド(全6種):各1,485円(税込)

箔押し缶バッジ(全6種):各660円(税込)
クリアファイル(全4種):各440円(税込)
クリアカード Vol.2(全15種):各550円(税込)/BOX(10パック入り)5,500円(税込)

 

 

発売情報

発売日: 2025年6月下旬
メーカー:TWINCRE

 



Source link

Views: 0

最近のAIを活用した個人開発をざっくりまとめる #JavaScript – Qiita



最近のAIを活用した個人開発をざっくりまとめる #JavaScript - Qiita

家系図アプリの開発を行いました

前々から家系図アプリほしいな~と思っていたのですが、有料アプリは使いたくないし、無料アプリではJSON出力機能などがついていなく、かゆいところに手が届きませんでした。。。
(無料で、JSON出力できて、家族間で共有できる家系図アプリが欲しかった)

いろいろ考えた末に個人開発するしかないと思い、一昨日くらいから作り始めた家系図アプリですが、AIを使うことで 2日程度 で開発できたので、その方法について紹介しようと思います。

000.png

1. Claude 3.7 Sonnetに画面イメージと画面仕様、コーディング規約などを作成してもらう

Claude 3.7 Sonnetに作りたい画面の仕様を伝えてざっくりとした画像イメージと画面仕様を作成してもらいます。

001.png

ついでにコーディング規約なども作成してもらうと開発で考えることが減ります。

コーディング規約サンプル

家系図アプリケーションコーディング規約

1. プロジェクト構造

1.1 ディレクトリ構造
src/
  ├── components/          # UIコンポーネント
  │   ├── common/         # 共通コンポーネント
  │   ├── family-tree/    # 家系図関連コンポーネント
  │   ├── form/          # フォームコンポーネント
  │   ├── layout/        # レイアウトコンポーネント
  │   ├── modal/         # モーダルコンポーネント
  │   └── pages/         # ページコンポーネント
  ├── hooks/             # カスタムフック
  ├── utils/            # ユーティリティ関数
  └── types/            # 型定義
1.2 ファイル命名規則
  • コンポーネント: PascalCase.jsx(例:PersonNode.jsx
  • フック: useCamelCase.js(例:useFamily.js
  • ユーティリティ: camelCase.js(例:formatDate.js
  • テスト: *.test.jsまたは*.spec.js
  • Storybook: *.stories.jsx

2. コンポーネント設計

2.1 基本構造
import React from 'react';
import PropTypes from 'prop-types';

const ComponentName = ({ prop1, prop2 }) => {
  return div>{/* JSXの内容 */}/div>;
};

ComponentName.propTypes = {
  prop1: PropTypes.string.isRequired,
  prop2: PropTypes.func,
};

export default ComponentName;
2.2 Props
  • 必須のpropsには必ずisRequiredを設定
  • 型は具体的に指定(anyは使用しない)
  • デフォルト値は分割代入で指定
  • 複雑なオブジェクトはPropTypes.shapeで定義

3. スタイリング

3.1 Tailwind CSS
  • ユーティリティクラスを優先して使用
  • 共通のスタイルはコンポーネント間で再利用
  • 複雑なスタイルは@applyディレクティブでカスタムクラスとして定義
  • レスポンシブデザインはTailwindのブレークポイントを使用
3.2 命名規則
  • BEMライクな命名(Tailwindの機能を活用しつつ)
  • コンポーネント固有のクラス: コンポーネント名-要素
  • 状態クラス: is-状態名またはhas-状態名

4. ロジック実装

4.1 カスタムフック
  • 単一責任の原則に従う
  • 状態ロジックは必ずフックとして分離
  • 命名はuseプレフィックスで始める
  • 戻り値は一貫した形式のオブジェクトで返す
4.2 関数
  • アロー関数を基本とする
  • 複雑な関数は適切に分割
  • メモ化(useMemo, useCallback)を適切に使用
  • 副作用は明確に分離(useEffect内で管理)

5. コードフォーマット

5.1 基本ルール
  • インデント: スペース2個
  • 最大行長: 100文字
  • セミコロン必須
  • 文字列はシングルクォート
  • オブジェクト/配列の最後のカンマは必須
5.2 import順序
  1. Reactコア
  2. サードパーティライブラリ
  3. 自作コンポーネント
  4. カスタムフック
  5. ユーティリティ
  6. 型定義
  7. スタイル

6. コメント

6.1 必須コメント
  • 複雑なロジックの説明
  • 関数の仕様(JSDoc形式)
  • バグ修正や一時的な対応(TODO/FIXME)
6.2 JSDocフォーマット
/**
 * 関数の説明
 * @param {型} 引数名 - 説明
 * @returns {型} 戻り値の説明
 */

7. テスト

7.1 テストの種類
  • ユニットテスト: 個々の関数やフック
  • コンポーネントテスト: レンダリングとインタラクション
  • 統合テスト: 複数のコンポーネントの連携
7.2 テスト規約
  • テストファイルはテスト対象の隣に配置
  • describe/itで適切にグループ化
  • テストケースは given-when-then パターンで記述
  • モックは最小限に留める

8. Storybook

8.1 ストーリー作成
  • コンポーネントごとに基本ケースと変種を用意
  • インタラクションテストを含める
  • アクセシビリティテストを実施
  • 適切なドキュメントを記述

2. ChatGPTにロゴを作成してもらう

アプリの概要等を伝えて画像を生成してもらう。
アプリのロゴとして使用することを伝えると正方形で出てくる

logo.png

3. Cline(Claude 3.7 Sonnet)に画面イメージと画面仕様からアーキテクチャを考えてもらう

  1. まず、Gitリポジトリ作成(プロジェクト作成)とESLint, Pretterの設定をClineにやってもらう
  2. 次に画面イメージと画面仕様からアーキテクチャを考えてもらう
  3. アーキテクチャはなるべく細かくファイル分けして作ってもらう
    • 技術スタック
    • ディレクトリ構造
    • コンポーネント設計
    • データモデル
    • バリデーションルール
    • ルーティング

4. Clineルールファイルを作成する

  • rules.mdファイルの作成を行う
    • rules/rules.mdには「日本語で出力すること」などを記載する
  • rules-code/rules.mdにはコーディング規約の内容を記載する
  • .clineignoreに参照されたくないファイルやフォルダを定義する

004.png

.roorules と .clinerulesは非推奨となっているらしい

004-2.png

5. Cline(Claude 3.5 Sonnet)にStorybookを作成してもらう

  • 画面イメージと画面仕様からStorybookを最小の部品単位で作ってもらう
    • 最初からページを作らせるのではなく、ページで使用する部品から小さく作ってもらう
  • 各部品が出来上がったら粒度を上げてStorybookの作成を行ってもらう
    • 最初はボタン、次にフォーム、次にページのように粒度を少しずつ大きくしていくと成功しやすい

005.png

6. 動作確認を行う

  • データ上のバグや部品同士の結合が期待と違った場合はCline(Claude 3.5 Sonnet)に修正してもらう
    • 「~直して」 というよりは askモード を使用して 「~をどう直したらよいか?」 を考えさせてから codeモード で修正するほうがエラーは少ない
  • 動作するところまで完成したらGitにCommitする
    • 最近はコミットメッセージもAIが作成してくれるためかなり助かっています
  • あとは納得がいくまで5を繰り返すだけ

006.png

7. デプロイする

  • Clineにデプロイしてもらう
    • 最近はGitHub Pagesにデプロイしています
  • 追加したい機能ができたら5に戻る

GitHub

今回作成した家系図アプリのコードはGitHubに公開しています。

最後に

今回は手軽にAIを使って個人開発する手順を紹介しました!
AIの普及で個人開発を行うハードルも下がっているように感じます。
ぜひ皆さんも、「こういうアプリほしいな~」と思う瞬間があったらAIでサクッと個人開発することを検討してみてください!!





Source link

Views: 0

『片田舎のおっさん、剣聖になる』コミカライズ版のKindle版のポイント還元率が約50%になるキャンペーン実施中。1巻から最新7巻まで購入すると2367ptがもらえる。田舎道場に身を置くおっさんが、かつての弟子に誘われて王国の剣術指南役に抜擢されるファンタジーもの




田舎道場に身を置くおっさんが、弟子に誘われて王国の剣術指南役に抜擢される大人気ファンタジー。いっぱい弟子いるじゃん…



Source link

Views: 0

修理ビジネスから窃盗まで楽しめるオープンワールド中古車レストアシミュ『Used Cars Simulator』Steamで早期アクセス開始 | Game*Spark


DreamWay GamesとパブリッシャーのPlayWayは、中古車修理シミュレーション『Used Cars Simulator』の早期アクセスを開始しました。車両の修理だけではなく、実際にドライブしたり犯罪行為に挑戦したりできる自由な世界でビジネスの成功を目指します。

中古車や盗難車を修理し販売!ドライブや窃盗も楽しめる

本作は、オープンワールドの世界で中古車や盗難車を修理してビジネスを成長させていく中古車修理シミュレーションです。プレイヤーは凹みへの対処や古くなった部品の交換、洗浄と再塗装などで問題のある車両を新品同様に再生させて顧客に販売します。

修理する車は中古車を売る顧客から購入でき、車の状態をチェックして価格交渉を行うことで条件の良い取引を成立させます。中古車の購入以外にも、街中の車の窓を叩き割ったり、ピッキングしたり、ホットワイヤーで始動させたりする犯罪行為も可能。警察に追われてしまった場合は盗んだ車で走り出して逃走を図ります。

早期アクセスの開始にあたっては車両の修理やカスタマイズに加えて、ドリフト、ジャンプ、クラッシュといったドライブ要素、NPCとの交流やクエストなどの基本的な機能が実装されています。2025年内を目標にしている正式リリースまで新たな車種やロケーション、NPCが追加されるほか、フィードバックを反映した新機能の実装や既存機能の改良なども予定しているとのことです。

中古車修理以外の要素も充実している『Used Cars Simulator』はPC向けにSteamにて1,500円で早期アクセス中。ローンチ割引で4月24日まで10%オフの1,350円となっています。





Source link

Views: 0

大谷翔平のCMポーズ Tシャツに



大谷翔平のCMポーズ Tシャツに

大谷翔平のCMポーズ Tシャツに



Source link

Views: 0

マクブースやラクダのミルクなどアラブ首長国連邦の「エミラティ料理」を大阪・関西万博で食べてきた – GIGAZINE



試食


2025年4月13日(日)に開幕する大阪・関西万博では、各国のパビリオンやマーケットプレイスでいろいろな料理を食べることができますが、せっかく万博に来たなら普段は見かけないような料理を食べておきたいもの。アラブ首長国連邦(UAE)のパビリオン内にあるレストランでは「マクブース(マッチブース)」や「サルーナ」、「カミール」、「サゴ」といった料理を食べることができます。

UAEパビリオン | EXPO 2025 大阪・関西万博公式Webサイト
https://www.expo2025.or.jp/official-participant/uae/

アラブ首長国連邦のパビリオンは東ゲートから大屋根リングに向かい、リング内側に入ってリング沿いに進んでいくと右手側にあります。


展示テーマは「大地から天空へ」。UAEの人々の精神を象徴する証だという、床から天井まで届くナツメヤシが並んでいました。


アラブの伝統料理「エミラティ料理」の数々。


訪問したメディアデーはお弁当スタイルのみの提供で、メインディッシュは「ベジタブルサルーナ」と「マッチブース・サマク(魚のマッチブース))」の2つから選択。今回は「マッチブース・サマク」を選択。


スペシャルドリンクとして「デーツシードのアイスコーヒー」「グリーンジュース」「ガーフの葉とりんごジュース」「スパイス・ラバン」「アイス・スリマニティー」「ラフシュとラクダミルク」の6種類から1つを選ぶことができました。ここは、案内の人がオススメだという「ラフシュとラクダミルク」にしました。


5分ほど待つと料理が運ばれてきました。非常に色とりどり。


これが「マッチブース・サマク」。マッチブース(マクブース)とはアラブ諸国で食べられている炊き込みごはん。パビリオンのレストランではスパイスとナッツを使っていました。魚はUAE風スパイス「バザー」でマリネしてグリルしたものです。


さっぱりした白身魚にスパイスの風味が染みこんで味わい深く、しっかりスパイス味の効いたマクブースとがっぷり四つという印象。いろいろなパビリオンを見て回って歩き疲れても、エネルギーがぐぐっと回復しそう。


「カミール」は軽食で、パンやナンと同じようなふっくらとした食感。何味という味付けではないので、魚のグリルなどと一緒に食べるのがよさげ。


サラダにはラクダのミルクで作られたというカッテージチーズがかかっているほか、底にもち麦のターメリック炒めが入っているのが特徴的。食事を軽めにする人ならこのサラダだけでもおなかいっぱいになるかも。


オレンジ色のものは「サゴ」。サゴヤシの幹から採れるでんぷんで、見た目はタピオカっぽいですが、今回食べたものはタピオカよりも食感が柔らかかったのが特徴的。ほんのり甘口。その下のものはナツメヤシの実、「デーツ」。干し柿のようにもっちりとしていて甘みがあります。


そして「ラフシュとラクダミルク」。綿あめのようなものがアラブの伝統的なデザート「ラフシュ」で、ローストピスタチオがトッピングされています。その下のラクダのミルクには氷が入っていてキンと冷たく、甘みが際立っています。


ぜひこの機会に「エミラティ料理」を味わってみてください。

この記事のタイトルとURLをコピーする



Source link

Views: 0

TechCrunch Mobility:Jeff Bezosは秘密のEVスタートアップを支援し、LucidはNikolaの資産をスナップします



TechCrunch Mobility:Jeff Bezosは秘密のEVスタートアップを支援し、LucidはNikolaの資産をスナップします

お願いします TechCrunchモビリティ – 輸送の将来に関するニュースと洞察のためのあなたの中心的なハブ。ここに無料でサインアップしてください – クリックするだけです TechCrunchモビリティ

関税、関税、関税。この不確実な瞬間に1つの確実性がある場合、それはこれです:米国の関税政策は再び変化する可能性があります。金曜日の朝の時点で、ほとんどの国に置かれた「相互」関税について90日間の一時停止があります。ただし、10%の基本関税が残っており、トランプ大統領は中国に対する関税を約145%にラチェットしました。

Wedbush Securities AnalystのDan Ivesは彼の価格目標を削減しました りんご そして テスラ 関税が脅かされるためです 両方のビジネスを混乱させます

しかし、彼らは痛みを感じると予想される米国企業の唯一の唯一の企業ではなく、それを顧客に渡すかどうかを決定します。メキシコとカナダから輸入された商品に置かれたより高い関税の一時停止は、輸送部門に救済を提供します。ただし、このセクター、特にLFP(リチウム鉄リン酸リチウム)バッテリーを使用しているEV企業は、中国の輸入に課された特徴の関税のおかげで非常に露出しています。

私たちは関税の発行に密接に従うことになりますが、その影響は数ヶ月間耐えられません。

小鳥

点滅する猫の鳥の緑
画像クレジット:ブライス・ダービン

ほぼ1年前、小鳥が私たちに数ヶ月の狩りを引き起こし、秘密のEVスタートアップについての詳細を引き起こしました。 スレートオート。そして少年、私たちはたくさん発見しましたか。シニアレポーター ショーン・オカネ すべてがあります この物語の詳細ジェフ・ベゾスが会社を支援しており、ラ・ドジャースの支配権所有者でありグッゲンハイム・パートナーズのCEOであるマーク・ウォルターや、RE:ビルド・マニュファーの主任投資家であるトーマス・タルなど、他の有名な支援者とともに会社を支援しています。

しかし、SlateのOriginストーリーやそのビジネスモデルや、A 2番目のストーリーなど、さらに多くのことがあります。 最初の製品の最近のスパイショットEVピックアップトラック。

私たちのためにヒントがありますか? Kirsten Korosecにメールしてください kirsten.korosec@techcrunch.com または、Kkorosec.07の私の信号、ショーン・オカネで sean.okane@techcrunch.comまたはレベッカ・ベランで rebecca.bellan@techcrunch.com またはチェックアウトしてください これらの指示 暗号化されたメッセージングアプリまたはSecureDropを介して私たちに連絡する方法を学ぶため。

お得な!

駅のお金
画像クレジット:ブライス・ダービン

ウェルプ、私はこの取引が来ていないことを認めなければなりません。私は話している 明idモーター 買う いくつか ニコラ破産からの資産。

はい、ニコラの創設者であり、元CEOのトレバー・ミルトンは、証券詐欺で有罪判決を受け、最近トランプ大統領に赦免されました。 それらの資産が欲しかった。ミルトンは冷ややかなレセプションに会いました。しかし、Lucidは、ファイリングによると、工場と引き換えに約3,000万ドルの現金と非現金の考慮事項、Nikolaのフェニックス本部でのリース、および「特定の機械、機器、在庫」を引き換えに行った後、勝者でした。

私の注意を引いた他の取引…

アヤンキャピタルこれにより、プライベートレンタルと低炭素排出車の購入に代わるハラールの代替案を求めるビジネスドライバーにサービスを提供するハラール車両資金調達は、2,500万ポンド(3260万ドル)を調達しました シャリアに準拠した資金調達 成長のための機関債務プロバイダーパートナーから。

さあヨーロッパのリチウムイオンバッテリーの修理とメンテナンスのスタートアップ、 600万ユーロを調達しました Impact Venture Fund Shift4Goodが率いるラウンドで、オランダの投資家Fair Capital Impact FundとGoeie Grutten Impact Fundからの参加。現在、追加の300万ユーロの負債融資が調達されています。

ソールカリフォルニアに拠点を置く自動運転車のスタートアップ、 1億600万ドルを確保しました シリーズEラウンドで。ダウンラウンドであったこの昇給は、Nuroの総資金調達を22億ドルに引き上げ、その評価は60億ドルになります。これは、2021年の6億ドルのシリーズDの後に確保された86億ドルのマネー評価後の評価からの減少です。このラウンドの支援者は、T。RowePrice Associates、Fidelity Management&Research Company、Tiger Global Management、GreyLock Partners、XN LPなど、ほとんどの既存の機関投資家です。

並列システム自律的な電気貨物技術を開発しています、 3,800万ドルのシリーズBラウンドを調達しました Anthos Capitalが率いて、Collaborative Fund、Riot Ventures、Riot Venturesなどからの参加。

注目すべき読み取りやその他の情報

画像クレジット:ブライス・ダービン

アダス

イーロン・マスク政府の効率性局は、国道交通安全局で「不釣り合いに影響を受けた」従業員を削減しました 車両の自動化の安全性

日産 開発された自動運転ソフトウェアを使用する計画 ウェイブ高度なドライバーアシスタンスシステムを強化します 2027年から始まります。

自動運転車

ウェイモ ライダーのアイデンティティに結び付けられたインテリアカメラからのビデオを含むロボタキシスからのデータを使用する準備をして、生成AIモデルを訓練することによると プライバシーポリシーの未発表バージョン 研究者ジェーン・マンチュン・ウォンによって発見されました。

一方、サンタモニカのWaymo Robotaxiはaを引き起こしました チックフィルAでの交通渋滞 ドライブスルーの入り口で立ち往生した後。

ZAMX 改造されたテスト車両の小さな艦隊を展開しています ロサンゼルスの通り

電気自動車、充電、バッテリー

カヌー 最高経営責任者(CEO) アンソニー・アクイラ 破産を購入できます EVスタートアップの資産裁判官は今週判決を下した。

イーロン・マスク世界のテスラテイクダウンの抗議を促進した政治活動は、会社の販売に影響を与えています。使用したテスラリスト 急上昇しました。そして、まだ総売上でテスラに遅れをとっている他のブランドは、増加を見ています。例えば、 ポールスター 第1四半期に販売が跳ね上がりました 「テスラ征服」ボーナスのような割引。



Source link

Views: 0

「マジック:ザ・ギャザリング――FINAL FANTASY」,3種類のプロモカードをもらえる日本限定のキャンペーンを6月6日より実施



 ウィザーズ・オブ・ザ・コーストは,TCG「マジック:ザ・ギャザリング」のユニバースビヨンドシリーズから,2025年6月13日に発売する新セット「マジック:ザ・ギャザリング――FINALFANTASY」について,日本限定プロモカードキャンペーンを6月6日より順次実施すると発表した。



Source link

Views: 0