1. ホーム
  2. 柔らかい 【送料無料】Fizik(フィジーク) VERSUS EVO ALIANTE R1 カーボンレール 345580001 レギュラー BK(70A6SOSA03A02) 配送員設置送料無料





VERSUS EVOは革新的な構造を持つクッション技術を搭載したサドルです。 ALIANTEは脊椎の柔軟性が低く、ペダリング時に骨盤を倒し前傾するライダー(スパインコンセプト:ブル)のパフォーマンスを最高に引き出すサドルです。 VERSUS EVO ANTARES R1はカーボン強化ナイロンシェルと軽量で強力なカーボンレールを特徴としています。すべてのfi'zi:kパフォーマンスロードサドルと同様に軽く、ペダリングのしやすさを追求しています。 シェル:カーボン強化ナイロンシェル、ウイングフレックス カバー:マイクロテックス レール:7×9mm カーボンブレイデッド レギュラー:279mm×140mm:189g ラージ:279mm×152mm:195g 商品のカラーはディスプレイの種類等により、実物と異なって見える場合がございます。 掲載商品の仕様、ロゴ等のデザインは改良のため、変更される場合がございます。 また、メーカーが発表していない寸法や個人的なフィット感についてはお答えいたしかねます。

商品コード20011913294
商品名Fizik(フィジーク) VERSUS EVO ALIANTE R1 カーボンレール 345580001 レギュラー BK(70A6SOSA03A02)
JAN8021890455611
型番70A6SOSA03A02
サイズレギュラー BK(70A6SOSA03A02)
※他モールでも併売しているため、タイミングによって在庫切れの可能性がございます。その際は、別途ご連絡させていただきます。


ウイニング エクササイズマット
  • XUEPING ウォーカー老人用トロリーウォーキング援助リハビリ付きホイール付き高齢者ショッピングトロリー4色7.5 Kgライド136 Kg ( 色 : D Gold Plus Pedals ) B078NWQ68K D Gold Plus Pedals D Gold Plus Pedals
  • パナソニック FY-20DZ4 中間ダクトファン・ダクト用送風機器 中間ダクトファン
  • 『ポイント5倍』 関家具 1Pチェア ニーナ OAK(カーキ)[ nora ノラ holidays ホリデー イージーチェア 室内キャンプ ファブリック 軽量 アンティーク風 テレワーク 在宅勤務 在宅ワーク リモートワーク 自宅勤務 在宅 SOHO ]『代引不可』
  • EMG EXTENDED SERIES BASS PICKUPS 40TW 5string - Dual Mode《5弦ベース用ピックアップ/アクティブ》【送料無料】【ONLINE STORE】
  • 【※個人宅配達不可】【直送品 代引不可】TRUSCO RAE2型作業台 RoHS2対応天板 1800X600XH740 DG色【1611326】RAE21860DG
  • SLASH (スラッシュ) C632M QUARTED-SOUL (クオーテッドソウル) ※ 画像は各サイズ共通です。
  • 枠付きフェンス 目隠し 国産杉 【4方 枠】 幅490×高さ1980×奥行52mm MB(ミディアムブラウン)色 B07CL3GJHX 幅490mm,MB(ミディアムブラウン)
  • 誘惑 DVD-BOX1(DVD)
  • [6本セット] グーツ リースリング Q.b.A. ファインヘルプ フォン ブンテン シーファ(Guts Riesling Q.b.A. Feinherb vom bunten Schiefer) 2015 白 ドイツ 750ml×6本 B071LGDMQD
  • [次回のお買い物で使える500円OFFクーポン配布中!! 4/30(火)まで!!] シュプリーム SUPREME Quilted Hooded Sweatshirt パーカー BLACK ブラック 黒 メンズ 【新品】 418000635051
  • ALDO Shop アルド バッグ ショッピングバッグ SMOOTH - Tote bag - black
  • 【中古】【輸入品・未使用】Bearhard ハンモック レインフライ キャンプ タープ 10フィート x 10フィート x 12フィート セットアップが簡単 6本のロープと4本の杭付き マル
  • 《あす楽》テーラーメイド M6 REAX85JPスチール アイアン (単品)
  • (業務用40セット) ジョインテックス カラーペーパー/コピー用紙 マルチタイプ 【A3】 500枚入り 水色 A173J-5 ×40セット
  • フリース介助ベルト プロトワン S B00G60FXI2 S S
  • ニシスポーツ アブドミナルクランチP731 NT3783
  • 【送料無料】コールマン Coleman ビラデルマーリバイバル品番:2000032596
  • マツダ(MAZDA) FRONT GUARD U009V3930 B01GH54QE2
  • 50%OFF 【交換送料無料】イーストン 軟式バット 金属 Alpha 83cm 84cm 700g 710g平均 トップミドルバランス ブラック/ゴールド NA20ALS 野球 一般
  • エルメス メンズ レザーハーフコート ベージュ系 サイズ50【送料無料!】【代引き手数料無料!】【中古】【20140811】【-】
  • 特価! 送料無料 即納可!MIZUNO(ミズノ)ウォームアップシャツ トレーニングウェア スポーツウェア ジャージ 32jc7020 32jd7020 冬物セール アウトレットセール ウエア ..
  • マムート Trovat Tour ポロシャツ ( Black )
  • ゴルフ 練習用 ネット 打ちっぱなし 防音対策で日本製!183cm×183cm

    柔らかい 【送料無料】Fizik(フィジーク) VERSUS EVO ALIANTE R1 カーボンレール 345580001 レギュラー BK(70A6SOSA03A02) 配送員設置送料無料

  • 【お買い得 コンデンサーマイク メタルポップフィルター付きセット】AUDIO-TECHNICA ATM710
  • Caravan(キャラバン) グランドキングGK83/670ネイビー/27cm 0011830ネイビー ブーツ 靴 トレッキング トレッキングシューズ トレッキング用 アウトドアギア
  • Hart Bloody Brazil Slow Jig 65C
  • 送料無料 ALPHA INDUSTRIES アルファ インダストリーズ ジャケット マルチLー2B ハイブリッド フライト ジャケット Lー2B HYBRID FLIGHT JACKETMJL48501C1 メンズ
  • 【送料無料!お得な6箱セット】【坂元醸造】 坂元のくろずC末 60袋×6箱【健康補助食品】【P25Apr15】
  • (業務用60セット) ジョインテックス CD/DVDケース スリムPP製20枚 A409J
  • Bosch AL0734X - BMW プレミアム Reman Alternator 「汎用品」(海外取寄せ品)
  • mokelab blog

    柔らかい 【送料無料】Fizik(フィジーク) VERSUS EVO ALIANTE R1 カーボンレール 345580001 レギュラー BK(70A6SOSA03A02) 配送員設置送料無料

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

    柔らかい 【送料無料】Fizik(フィジーク) VERSUS EVO ALIANTE R1 カーボンレール 345580001 レギュラー BK(70A6SOSA03A02) 配送員設置送料無料

    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を利用しています。