1. ホーム
  2. 最安値挑戦! 【送料無料】CAPTAIN STAGダッチオーブン ビギナーセット(25cm)【M-5541】 2020公式店舗


初心者でも安心!
お料理レシピ・メンテナンスガイドもついた
キャンプに便利なダッチオーブン基本セット


ローストチキンからデザートの焼きりんごまでさまざまな料理が作れます。
しかもクックブック付きだから、ダッチオーブンでの料理が初めてでも安心!

【セット内容】
 ダッチオーブン25cm(1)
 スリーウェイダッチオーブンスタンド(1)
 リッドリフター(1)
 収納バッグ(1)
 アウトドアレザーグローブ(1)
 ダッチオーブンクックブック(1)

■コンパクトに収納できて持ち運びにも便利。
■オートキャンプにも便利!

製品サイズ ダッチオーブン/外径260×高さ128mm

リッドリフター/100×50×長さ260mm

収納バッグ(約)/外径315×高さ145mm

ダッチオーブンスタンド/幅560×奥行290×高さ180mm

アウトドアレザー手袋/全長250mm
重量 ダッチオーブン/約7kg
ダッチオーブンスタンド/約3kg
材質 ダッチオーブン/鋳鉄(シリコン樹脂塗装)
リッドリフター/鉄(メラミン焼付塗装)
収納バッグ/ポリエステル
ダッチオーブンスタンド/鉄(シリコン樹脂塗装)
アウトドアレザー手袋/牛革

◆バーベキューの必需品。
送料無料のお買い得パック
★クリック↓↓↓



















『愛知三重岐阜静岡一部エリア 限定配送』 三協アルミ セルフィ ミニタイプ 奥行2連結タイプ 4318×2 H25 本体:アルミ形材/屋根材:ポリカ   ホワイト/ブラウンスモーク(ポリカ) B078MKHCW8 本体カラー:ホワイト/ブラウンスモーク(ポリカ) 本体カラー:ホワイト/ブラウンスモーク(ポリカ)
  • RomaRo (ロマロ) Ballista 501 アイアン 5-Pw Diamana Thump IRONシャフト
  • 【ダイワ】タチウオ X ML-190船竿 ダイワ DAIWA ダイワ 釣り フィッシング 釣具 釣り用品 太刀魚 船釣り タチウオテンヤに最適
  • 【中古】【輸入品・未使用】(250a 12 Screw/ 6 Stud Cvr) - Blue Sea Systems Common BusBars (100A-250A)
  • 【全品送料無料】【中古】ピン G400 フェアウェイウッド ALDILA ROGUE 110 MSI 3w 14.5度 S レンチ付
  • 【店内全品ポイント5倍~7/21(土)1:59まで】ケーブル収納BOX付き7ポートUSB3.0ハブ[USB-3H705BK]【送料無料】
  • 【カスタム】スリクソン Z-FORGED アイアン6本セット (#5-#9,PW)N.S.PRO MODUS3 TOUR105 シャフト装着仕様#ダンロップ#SRIXON#Zフォージド#マッスルバック#右打ち用#モーダス3ツアー105
  • 8GB デュアル Rank Non-ECC RAM メモリ memory Upgrade for HP Pavilion p6-2302et by Arch メモリ memory (海外取寄せ品)
  • 【ケイゾーン/keiZone】ディアスワゴン 等にお勧め リアバンパー 慶番シリーズ エアロパーツ 型式等:S321N/S331N
  • 『愛知三重岐阜静岡一部エリア 限定配送』 三協アルミ セルフィ ミニタイプ 合掌タイプ 5821+5821 H20 本体:アルミ形材/屋根材:ポリカ   アーバングレー/ブルースモーク(ポリカ) B078MG1KGR 本体カラー:アーバングレー/ブルースモーク(ポリカ) 本体カラー:アーバングレー/ブルースモーク(ポリカ)
  • 川島織物セルコン ウィリアム モリス カーテン filo フィーロ レース▼ファインウェーブ縫製 下部3ッ巻 2倍ヒダ 両開き▼ William Morris ジャスミンシアー FF1051【幅101~150×高さ221~240cm】防炎 イザベル ウォッシャブル オフウェイドクラス3 夏エコランクC
  • Fender(フェンダー)エレキベース American Professional II Precision Bass (3-Color Sunburst/Rosewood) 【即納可能】
  • (取寄)オスプレー エクソス38 ブレイズブラック Sサイズ OS50333001004
  • 枠付きフェンス 目隠し 国産杉 【4方 枠】 幅800×高さ1980×奥行52mm WB(ホワイトベージュ)色 B07CKZ7TQ1 幅800mm,WB(ホワイトベージュ)
  • 17弦用琴袋(キルト布)【送料無料】【smtb-u】
  • (まとめ)金属クラフト 350【×3セット】
  • 【期間限定 ポイント10倍】【送料無料】【Hippopotamus】 ヒポポタマス ギフトセットバスタオル1枚 + フェイスタオル2枚 + ぬいぐるみ1個今治 オーガニック 内祝い 出産 結婚 引越し 贈り物 日本製[メール便不可]
  • ●TOONTRACK EZX TWISTED KIT
  • [ターニングホルダー]【送料無料】(株)タンガロイ タンガロイ 外径用TACバイト PRDCN3225P12 1本【北海道・沖縄送料別途】【smtb-KD】【711-6225】
  • BIANCA CHANDON/LOVER PULLOVER HOOD/RED
  • 【中古】ドメスティックな彼女 コミック 1-22巻セット (コミック)
  • ネイチャートーンズ くるりんぱ・ストレージBOX Lサイズ NATURE TONES KSB-L ストレージボックス ボックス ラック 収納箱 キャンプ アウトドア フェス【正規品】
  • 【沖縄県内(離島含)3,300円以上送料無料】ナイキ ウインドブレーカー ジャケット レディース ウィメンズ エッセンシャル ジャケット CU3218-010 NIKE
  • Yonex(ヨネックス)ウエルネスシューズパワークッションMC95 メンズSHWMC95ブラック

    最安値挑戦! 【送料無料】CAPTAIN STAGダッチオーブン ビギナーセット(25cm)【M-5541】 2020公式店舗

  • [3本セット] ハルガルテナーユングファーリースリングアウスレーゼ [2005] (プリンツ) Hallgartener Jungfer Riesling Auslese [2005] (Prinz) 白ワイン 極甘口 ドイツ ラインガウ 375ml×3本 B06ZYLQ4JQ
  • 【店内全品ポイント10倍★7/1(日)4時間限定】 キャロウェイゴルフ Callaway Golf ユニオンジャック2WAYフルジップ中綿ブルゾン 241-7210505
  • nike zoom victory 3 ナイキ ズーム ビクトリー メンズ トラック競技 スポーツ 陸上 アウトドア
  • 【アリーナ】 ウィンドハーフパンツ [サイズ:L] [カラー:ホワイト] #ARN-6302P-WHT 【スポーツ・アウトドア:その他雑貨】【ARENA】
  • 船外機 40馬力 送料無料 トランサムUL セル付 電動スターター 船舶 ボート エンジン 4ストローク パワートリム&チルト仕様 TOHATSU トーハツ MFS40A-ETUL
  • ワンタッチテント 5人用 ポップアップテント ドッペルギャンガー アウトドア doppelganger t5-503
  • トリニティ iPad 9.7インチ用 カタリスト 完全防水ケース CT-WPIPDP17-BK ブラック
  • mokelab blog

    最安値挑戦! 【送料無料】CAPTAIN STAGダッチオーブン ビギナーセット(25cm)【M-5541】 2020公式店舗

    前回 はビルドプロセスで sass(scss)を扱えるようにしました。今回は material design components の導入方法について説明します。

    最安値挑戦! 【送料無料】CAPTAIN STAGダッチオーブン ビギナーセット(25cm)【M-5541】 2020公式店舗

    material design components とは、マテリアルデザインに沿ったデザインを実現するのに役立つライブラリです。マテリアルデザインでは「ここは高さ 48dp にしましょう」といったガイドラインが提示されていますが、その実装は各プラットフォームで「がんばる」という状況でした。この「がんばる」部分を助けてくれるのがこの material design components です。各プラットフォーム向けのライブラリが用意されており、もちろん web 用もあります。web 用のライブラリは mdc web と呼びます。

    mdc をアプリに追加する

    公式ドキュメントはこちらにあります。mdc web ではコンポーネント毎に npm パッケージが用意されています。全部まとめて追加する場合は、次のように material-components-web を追加します。

    $ npm install material-components-web
    (中略)
    + [email protected]
    added 47 packages from 1 contributor and audited 1789050 packages in 18.25s

    必要なものだけをインストールする場合は、次のように @material/コンポーネント名 を追加します。どの npm パッケージを追加すればよいかは各コンポーネントの解説ページに書かれています。

    $ npm install @material/button
    (中略)
    + @material/[email protected]
    added 13 packages and audited 1787946 packages in 9.839s

    コンポーネントの使い方

    早速ライブラリを使ってみましょう。各コンポーネントの解説ページは次のような構成になっています。

    スタイル部分は scss の import で導入することになっています。前回の記事で scss を扱えるようにしたのはこのためです。

    toppage のボタンを mdc のボタンにしてみる

    練習として、第7回で toppage に追加したボタンを mdc のボタンにしてみましょう。ボタンの説明はこちら にあります。

    ボタンを導入するには、 @material/button パッケージを追加します。

    $ npm install @material/button

    次に、html structure にしたがってボタン部分を置き換えます。toppage のテンプレートは index.html に書いていました。

    <script id="toptemplate" type="text/plain">
     <h1>top page</h1>
     <button class="mdc-button" on-click="tosecond">
     <span class="mdc-button__label">次の画面へ</span>
     </button>
    </script>

    scss で何を import すればよいかは、説明ページの styles に書かれています。mystyle.scss に追加しましょう。

    @import "@material/button/mdc-button";
    body {
     background-color: antiquewhite;
    }

    ここまででも見た目はマテリアルデザインになるのですが、ボタンをタップしたときのリップルエフェクトがまだ実現できていません。これは javascript(typescript)側で追加します。ここまで作ってきた web アプリは表示を ractive.js に任せているので、toppage が表示された後に実行されるようにします。

    import ractive from "ractive";
    import page from "page";
    import { mdcripple } from "@material/ripple" ;
    export class toppage implements ipage {
     private ractive!: ractive;
     oncreate(): void {
     this.ractive = new ractive({
     el: "#container",
     template: "#toptemplate",
     on: {
     // 表示されたあとに実行される
     complete: () => {
     const buttonripple = new mdcripple(
     document.queryselector(".mdc-button")!
     );
     },
     tosecond: () => {
     // /second に遷移する
     page("/second");
     },
     },
     });
     }
    }

    実際に確認してみましょう。今回は何も指定をしていないので、フラットなボタンとして表示されました。

    まとめ

    mdc web をアプリに追加する方法を説明しました。前回までの準備ができていれば、導入自体はそこまで難しくはないでしょう。

    本サイトではサービス向上のため、google analyticsを導入しています。分析にはcookieを利用しています。