https://daily-trial-pocket.com/ daily https://daily-trial-pocket.com/products/figma_mcp_ai_website 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Figma_MCP_AI_x.webp?v=1756608916 Figma MCPを活用した爆速コーディング術【AI × サイト制作】 Figma MCPを活用した爆速コーディング術【AI × サイト制作】 https://daily-trial-pocket.com/products/cording-moderncafe 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/modern-cafe-cording.jpg?v=1757821230 モダンカフェサイトのコーディング課題 モダンカフェサイトのコーディング課題 https://daily-trial-pocket.com/products/cording-subscription 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/subscription-service-cording.jpg?v=1757821353 サブスクサービスLPコーディング課題 サブスクサービスLPコーディング課題 https://daily-trial-pocket.com/products/cording-workflow 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/business-improvement-cording.jpg?v=1757821522 業務改善サービスLPコーディング課題 業務改善サービスLPコーディング課題 レビューなし 業務改善サービスLPコーディング課題 業務改善サービスLPコーディング課題 業務改善サービスLPコーディング課題 講座内容 AIサービスをテーマにした、LPのコーディング課題です。複雑な背景やレイアウトの再現力に加え、UI実装スキルも試される、挑戦しがいのある一作です。 実装ポイント 複雑な背景とレイアウト： positionやz-indexを駆使し、背景の上にコンテンツが浮き上がるようなモダンなレイアウトを実装。 インタラクティブなUI実装： JavaScriptを使い、「導入事例」の横スクロール（スライダー）や、「よくある質問」のアコーディオンを実装。 実践的なコンポーネント制作： SaaSサイトで頻出する、特徴的な料金表（プライステーブル）のコーディング。 課題の仕様 難易度： ★★★☆☆～★★★★☆ (中級〜やりごたえのある中級) ページ構成： LP 1ページ (PC / SP) 作業時間の目安：40〜62時間 ※JavaScriptでのスライダーやアコーディオン実装まで含めた場合の目安です。ご自身のスキルや学習ペースによって時間は変動しま https://daily-trial-pocket.com/products/cording-bridalplanner 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/bridal-coeding.jpg?v=1757821663 ブライダルプランナーのポータルサイトコーディング課題 ブライダルプランナーのポータルサイトコーディング課題 https://daily-trial-pocket.com/products/cording-mediasite 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/media-cording2.jpg?v=1757821602 情報メディアサイトコーディング課題 情報メディアサイトコーディング課題 https://daily-trial-pocket.com/products/cording-set 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/cording5.webp?v=1757821858 実践コーディング課題5点セット（25％OFF） 実践コーディング課題５点セット https://daily-trial-pocket.com/products/chatgpt-auto-coding 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Javascript_HTMLCSS.png?v=1762150357 初心者歓迎　最新ChatGPTを活用して Javascript+HTML / CSS のコードを自動生成　高品質WEBページ開発講座 https://daily-trial-pocket.com/products/shopify-javascript-shopifyjs-vol01 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/1.png?v=1765400779 『Shopify x JavaScript を学ぶ』 Vol.1 JavaScriptの基礎　#ShopifyJS [テキストのみ講座] https://daily-trial-pocket.com/products/javascript-basic 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Udemy___JavaScript_81a85246-a9a3-4d32-8b25-c23b66f431db.jpg?v=1761545950 【一番さいしょに学ぶ】JavaScript超基礎講座（Web制作者向け） https://daily-trial-pocket.com/products/numadatsu 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/711c3e4b52216824e49ca814464b1f53.png?v=1759915603 コーディング沼からの脱却 https://daily-trial-pocket.com/products/2week-basic-coding 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/ogp2.png?v=1759917607 2週間で学べるコーディング基礎講座 https://daily-trial-pocket.com/products/figma-responsive 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/sam2.png?v=1760059698 FigmaでレスポンシブWEBデザインの作り方！Figmaの基礎からWEBデザイン実践まで解説！ https://daily-trial-pocket.com/products/jquery-web-javascript 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/jQuery_WEB_Javascript.png?v=1762150264 手を動かしてマスターする。　jQueryを実装してWEBページにJavascriptの効果をつけよう https://daily-trial-pocket.com/products/astro-microcms 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Astro.png?v=1760688983 Astro+microCMSでフロントエンド開発入門 https://daily-trial-pocket.com/products/after-effects-basics 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/1-80_9d88c42f-fac9-4227-b197-b96bb210c46c.jpg?v=1761975178 【はじめてのAfter Effects】5つの作例で手を動かしながら学ぶアニメーション入門講座 https://daily-trial-pocket.com/products/wordpress-blocktheme 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/22_WordPress_7ffc88f2-af72-4f59-b81e-e8ded11c7fb4.png?v=1762224828 ゼロから実践まで！22日間でしっかり学べるWordPressブロックテーマ講座 https://daily-trial-pocket.com/products/after-effects-title 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/2-80.jpg?v=1761974405 【脱初心者】After Effects タイトル映像講座｜3つの作例から学ぶ“魅せる”アニメーション演出 https://daily-trial-pocket.com/products/web-html5-css3 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/WEB___HTML5CSS3.png?v=1762150206 手を動かしてマスター　WEBデザイナーコース　最新HTML5/CSS3をゼロから全て学ぶ https://daily-trial-pocket.com/products/layout-basics 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/711c3e4b52216824e49ca814464b1f53_789b4fd3-cb0b-4585-b049-0548577e2abe.png?v=1762085412 画像制作やパワポ資料、SNSにも使える！デザインとレイアウトの基本。何となくダサいデザインからこれで卒業しよう！ https://daily-trial-pocket.com/products/shopify-ai-corporate-site 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/ai-shopify-2.png?v=1763972456 ShopifyとAIを使ってコーポレートサイトを作ろう！ https://daily-trial-pocket.com/products/shopify-javascript-shopifyjs-vol02 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/2.png?v=1765400779 『Shopify x JavaScript を学ぶ』 Vol.2 JavaScriptを使って使って使う UI実装編　#ShopifyJS [テキストのみ講座] https://daily-trial-pocket.com/products/%E3%81%82%E3%81%AA%E3%81%9F%E3%82%82%E4%BB%8A%E6%97%A5%E3%81%8B%E3%82%89%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A7vba-%E3%82%A8%E3%82%AD%E3%82%B9%E3%83%91%E3%83%BC%E3%83%88-chatgpt%E3%81%A7%E6%A5%BD%E3%80%85%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/image.png?v=1767922994 あなたも今日からノーコードでVBAエキスパート　ChatGPTでExcelデータを分析 https://daily-trial-pocket.com/products/laravel-basic 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/laravelcover.png?v=1766293265 Laravel入門 - タスク管理ツール、検索ツールとログインのしくみを作ろう https://daily-trial-pocket.com/products/ai-wordpress 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/ai-auto-cording-for-wordpress-daytora_0105d57b-1e45-4e39-85bf-b475cc37b520.jpg?v=1771399123 【実務で使える】AI自動コーディングでWordPress自作テーマを作ろう（プロンプトも配布） https://daily-trial-pocket.com/products/claude-code-team-builder 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/1_53f479e1-6d58-4b3a-b659-78bc82b1bf06.png?v=1774545763 6つの質問で自分専用AI経営チームを自動構築【Claude Code × 仮想チームビルダー】 https://daily-trial-pocket.com/products/%E3%82%B9%E3%82%AD%E3%83%9E%E6%99%82%E9%96%93%E3%81%A7css%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%82%92%E3%83%94%E3%83%B3%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Top_banner_03.png?v=1774971407 スキマ時間でCSSアニメーションをピンポイントマスター https://daily-trial-pocket.com/products/%E3%82%B9%E3%82%AD%E3%83%9E%E6%99%82%E9%96%93%E3%81%A7css%E3%82%92%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC-%E3%81%A9%E3%82%93%E3%81%AA%E3%82%82%E3%81%AE%E3%81%A7%E3%82%82%E4%B8%AD%E5%A4%AE%E9%85%8D%E7%BD%AE%E3%81%99%E3%82%8B%E3%82%BB%E3%83%B3%E3%82%BF%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%86%E3%82%AF%E3%83%8B%E3%83%83%E3%82%AF 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Top_banner_03_88b660e4-fe72-458a-8318-2ee09da3beed.png?v=1775655684 スキマ時間でCSSをマスター 　どんなものでも中央配置するセンタリングテクニック https://daily-trial-pocket.com/products/%E3%82%B9%E3%82%AD%E3%83%9E%E6%99%82%E9%96%93%E3%81%A7css%E3%82%92%E3%83%9E%E3%82%B9%E3%82%BF%E3%83%BC-css%E3%81%A0%E3%81%91%E3%81%A7%E4%BD%9C%E3%82%8B%E7%94%BB%E5%83%8F%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC 2026-04-10T08:06:42+09:00 daily https://cdn.shopify.com/s/files/1/0925/7805/4507/files/Top_banner_03_a4c4068c-95e1-4790-8cc8-3969c449dc67.png?v=1775655624 スキマ時間でCSSをマスター　CSSだけで作る画像ギャラリー