PROTECプロテック LEDヘッドライトバルブ LB7W-BS 品多く PROTEC 最大81%オフ! プロテック S1000RR

PROTECプロテック LEDヘッドライトバルブ LB7W-BS LEDヘッドライトバルブ PROTEC プロテック LB7W-BS LEDヘッドライトバルブ S1000RR

S1000RR,radiotelepresence.com,/catalepsy382931.html,17160円,プロテック,PROTEC,LEDヘッドライトバルブ,車用品・バイク用品 , バイク用品 , パーツ , ライト・ランプ , 電球・ライトバルブ,LEDヘッドライトバルブ,LB7W-BS,LEDヘッドライトバルブ,LB7W-BS,PROTECプロテック PROTECプロテック LEDヘッドライトバルブ LB7W-BS 品多く PROTEC プロテック S1000RR 17160円 PROTECプロテック LEDヘッドライトバルブ LB7W-BS LEDヘッドライトバルブ PROTEC プロテック LB7W-BS LEDヘッドライトバルブ S1000RR 車用品・バイク用品 バイク用品 パーツ ライト・ランプ 電球・ライトバルブ S1000RR,radiotelepresence.com,/catalepsy382931.html,17160円,プロテック,PROTEC,LEDヘッドライトバルブ,車用品・バイク用品 , バイク用品 , パーツ , ライト・ランプ , 電球・ライトバルブ,LEDヘッドライトバルブ,LB7W-BS,LEDヘッドライトバルブ,LB7W-BS,PROTECプロテック PROTECプロテック LEDヘッドライトバルブ LB7W-BS 品多く PROTEC プロテック S1000RR 17160円 PROTECプロテック LEDヘッドライトバルブ LB7W-BS LEDヘッドライトバルブ PROTEC プロテック LB7W-BS LEDヘッドライトバルブ S1000RR 車用品・バイク用品 バイク用品 パーツ ライト・ランプ 電球・ライトバルブ

17160円

PROTECプロテック LEDヘッドライトバルブ LB7W-BS LEDヘッドライトバルブ PROTEC プロテック LB7W-BS LEDヘッドライトバルブ S1000RR











■商品概要
タイプ:H7
Hiビーム専用
Hi/Lo切替えLEDバルブ
12v 20
20w 6000K
最高光度:35.700cd

バルブ切れエラー警告キャンセラー装備
車検対応
米国CREE社 XLamp XL-P LEDs使用

検査協会成績書付き
メーカー保証1年


■詳細説明
■LEDから発生する熱を効率よく逃がすことで常にフルパワーで点灯できる!
LEDは変換効率(入力電力を可視光[人間の目で見ることのできる波長の電磁波]に変換する効率)が非常に良いという特長がありますが、それでも入力電力を100%とした場合、70%以上は熱に変換されてしまいます。サイクロンLEDシリーズは「極太アルミ無垢材」「ヒートシンク」「防水冷却ファン」という3つの組み合わせにより、効率よく熱を逃がし、常にフルパワー点灯を可能にしました!
熱に弱いLEDにとって熱対策は必須です。もしこの熱を効率よく逃がすことができなければ、点灯立ち上がりからパワーを落とすか、途中からパワーを下げさるを得ません。つまり熱対策がしっかりできていなければLEDが持つポテンシャルをフルに引き出せないのです。

■耐久性の高い防水ファン採用!
サイクロンLEDシリーズでは、ハイパワーLEDから発生する熱を効率良く冷却するために重要な役割を果たすファンにもこだわりました。一般的な電子機器に用いられているファンは、回転部分の軸受けが「メタル支持タイプ」で耐久性が低く、バイクには向いていません。サイクロンLEDシリーズでは、ラジエーターの冷却ファンにも採用されている、防水性能&優れた耐久性を備えた「二軸ボールベアリングタイプ」の軸受けを採用しています。見た目は小さいですが、20Gの2時間耐震テストにも合格!バイク用LEDバルブで防水&高耐久性ファンを採用しているのはプロテックだけです。

■安心の車検対応品!
最高光度は車検適合基準値である15.000カンデラを楽々クリアしています。添付の日本車両検査協会発行の成績書に最高光度が記載されています。

■長寿命!
ノーマルのハロゲンバルブはもちろん、H.I.D.より更に長寿命です。

■省電力設計!
消費電力はH4/H4-Rタイプが30W、H7タイプが20Wですので、一般的なH4ハロゲンバルブ(12v 55/60w)より省電力です。

■信頼のCREE社製LED採用!
発光体には耐久性、信頼性の高いCREE社製XLamp XP-L LEDsを使用しています。

■Hi/Lo切り替え!
H4/H4-RタイプはHiビーム、Loビームにそれぞれ3個のLEDを配置してHi/Lo切り替えが可能です。

■取付け簡単!
バルブカプラー差し替えで配線が簡単です。

■いきなり明るい素早い点灯!
HIDと違い電源投入直後からフルパワー点灯します。またHIDのように徐々に発光色が変化する事がありません。

■注意点
※Loビーム側にはNo.65027を組み合わせて使用します。
※取付けは取扱説明書に沿って正しく取付けてください。取付け方法を間違えると火災・故障などの原因となります。
※取付け前に必ずバッテリーのマイナス側のターミナルコードを外して、キーOFFである事を確認してください。
※LEDチップには触れたり汚さないでください。汚れの付着は熱溜まりによるLEDチップの焦げの原因となります。
※本製品は精密機器ですので取扱いには充分ご注意ください。落としたり、配線を無理に引っ張ったりしないでください。誤った取扱いは故障の原因となったり、怪我や火傷、人命にかかわる重大な事故を引き起こす危険性があります。またスパークや絶縁不良、ショートにより本製品の故障や車両火災の原因となりますので充分ご注意ください。
※本製品の分解・改造は絶対に行わないでください。分解・改造した製品の保証は受けられません。
※点灯中のヘッドライト内のLED発光を直視しないでください。視覚障害の原因となります。
※点灯中や消灯直後にレンズに水をかけないでください。急な温度変化でレンズやLEDバルブの破損の原因となります。また、LEDバルブ本体と後方のヒートシンクや、コントローラーユニットは高温になりますので触らないでください。
※本製品は、12v直流(DC)マイナスコモン専用です。必ずDC12vを電源とした配線を厳守してください。
※小排気量車に多い交流(AC)点灯式ヘッドライト車両には対応致しませんので絶対に取付けしないでください。
※マイナスコモンとはヘッドライト配線のマイナス側がHiビーム側とLoビーム側で共通しているタイプを指します。プラスコモンヘッドライトの車両には対応しておりません。
★ミニバイク用キットの場合
※ミニバイク用キットは、12V直流(DC)、交流(AC)、バッテリーレス※1、マイナスコモン※2、プラスコモン※3のオートバイにて使用可能です。
※1.バッテリーを取り外した車両に使用する場合は必ず別売のADC-200(65016)バッテリーレスkitを併用してください。
※2.マイナスコモンとはヘッドライト配線のマイナス側が、Hiビーム側とLoビーム側で共通しているタイプを指します。
※3.プラスコモンヘッドライトとはヘッドライト配線のプラス側が、Hiビーム側とLoビーム側で共通しているタイプを指します。
※本製品はオートバイ専用となっておりますので四輪自動車への使用はできません。
※紙や布で覆ったり燃えやすい物の近くで点灯させないでください。火災や異常加熱を引き起こす恐れがあります。また、可燃スプレー、シンナー等燃えやすい物や引火する危険のある物の近くでは点灯しないでください。
※点灯した状態でのヘッドライトへの取付けは行わないでください。故障や火傷の原因となります。
※本製品は生活防水ですが完全防水ではありません。コントローラーユニットから出ているカプラーはビニールテープや自己融着テープなどを巻くかコーキング剤などで防水処理をしてください。必要以上に水で濡らす事は避けてください。
※高圧洗浄機による洗車を行う際は本製品に直接高圧洗浄が当たらないようにしてください。
※LEDバルブやコントローラーユニットを落としたり、強い衝撃を与えるなどしないでください。破損や性能の低下、寿命を縮めるだけではなく、ケガの原因にもなります。
※LEDバルブの組み付けには必ず付属のシリコングリスを塗ってください。詳しくは本説明書をご参照ください。
※消灯時および点灯中のLEDチップには触れないでください。
※防水冷却ファンを覆い隠さないでください。ファン後方には吸い出した空気が流れる十分なスペースを確保してください。
※防水冷却ファンには取付け時の向きの指定があります。必ず銀色の丸いシールを外側に向けて取付けてください。
※ネジ部の緩み防止にネジロックをご使用ください。また定期的な増締めを行ってください。
※取付けは専門知識と技術が必要です。熟練したメカニックのいる指定整備工場などで行ってください。
※ご使用前に必ず光軸の調整を行ってください。対向車の視界の妨げになり、交通事故を誘発する恐れがあります。詳しくは道路運送車両の保安基準を参照ください。
※本製品の取付けをした事により車両製造メーカーの保証が受けられない場合があります。
※本製品の使用により生じた故障・事故などの損害については、当社で一切責任を負いかねます。また、修理の際に生じる脱着工賃やその他諸費用につきましては、当社で一切責任を負いかねます。あらかじめご了承ください。
※取付け作業中または使用中に少しでも異常を感じたら、ご購入の販売店またはPROTEC社サービス課までお問い合わせください。
※車検適合の記載について
※本製品は車検対応品として販売しておりますが、これは最高光度と色温度についてです。製品の取付け後は必ず、LED(新光源)に対応した検査機にて光軸調整を行ってください。光軸調整不良や経年劣化によるライトレンズの汚れや曇り、擦り傷、灯体内リフレクター部メッキの剥がれ、純正以外のヘッドライトに使用した事による車検落ち、整備不良についてPROTEC社は一切の責任は負いません。


■適合車種
S1000RR 15-19

■商品番号
65033

■JANコード
4961421414530

PROTECプロテック LEDヘッドライトバルブ LB7W-BS LEDヘッドライトバルブ PROTEC プロテック LB7W-BS LEDヘッドライトバルブ S1000RR

バリュー・プロポジション・デザイン オンライン版支援ツールの入手方法

バリュー・プロポジション・デザインの書籍の中に、オンライン版の支援ツールとしてビジネルモデルキャンバス、バリュー・プロポジションキャンバスが記載されているのですが、入手までの情報がわかりにくかったので記載しておきます。

  1. 公式サイトへアクセス
    https://www.strategyzer.com/canvas
  2. Download Business Model Canvas または、Download Value Proposition Canvasをクリック
  3. アカウント作成のフォームを入力
  4. 登録したメールアドレスにaccounts@strategyzer.comからアドレス確認メールが届いているので、メール文のconfirm your account.をクリック
  5. ログインした後に、左メニューのResourcesをクリック
  6. The Business Model Canvas、The Value Proposition CanvasのPDFをダウンロード
バリュー・プロポジション キャンバス

 

他にもmiroやFigmaにテンプレートデータがあるので、そちらを活用する方がPDFよりも便利ですね。

Figma :

Value Proposition Canvas

Miro :

Business Model Canvas Template

Lean Canvas Template

[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – naoya_t@hatenablog

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

MacOS Sierra(10.12)でキーボードの自動変換を戻す方法

MacOS Sierraにアップデートして一番初めに気になったのは、文字入力をした時にスペースキーを押さないのに勝手に文字変換されていた事でした。慣れれば便利かもしれませんが、いまだに自分は慣れません。。

そこで、以前のスペースキーを押して変換させる状態に戻す方法ですが、下記の2つのステップだけです。

【1】システム環境設定 > キーボードへ移動します

 

【2】真ん中あたりの入力方法:ライブ変換のチェックボックスをオフ

これで、入力しても自動で変換されないようになりますので、自動変換を戻したい方は是非お試しください。

ペン字の練習用文章が無料ですぐに変換できるサイトを作成しました

ペン字の練習用お手本検索サイト

ペン字を練習したい、綺麗な文字が書けるようになりたい、そんな方がたくさんいると思います。ボールペン字の通信講座や書籍がたくさん存在していますが、自分が書きたい文章が練習用文章に載っていることは少ないですよね。

また、急に手紙やハガキを書く時にお手本のペン字を見直したい、そんな方がすぐに使えるサイトを作成しました。

PCとスマートフォンでご利用できますので、ぜひご利用ください。

[SVG]円グラフのアニメーションをするカウントダウンタイマーのサンプル

SVGで円グラフを描画し、動きはCSSアニメーションを利用しています。
カウントダウン部分はJSですね。

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on CodePen.

コードのサンプルはcodepenから確認し、ご自由にお使いください。
カウントダウンする時間を変更したい時は、setTimeの値を変更してください。
ex:秒数で設定するので、1分なら60。3分なら180です。

[jQuery]classがあるか無いかを判定 – hasClassの逆

jQueryでhasClassがあるか無いかを判定する時のやり方をメモ。

例えば、activeというclassがあったら、無かったら、

if ($("#hoge").hasClass("active")) {
  //class activeがあれば
  } else if (!$("#hoge").hasClass("active")) {
  //class activeが無かったら
}

実装サンプル

See the Pen jQuery hasClass by sugimo (@sugimo) on CodePen.

筆記体がリアルタイムに変換できるサイト[Cursive Writing]を作りました

筆記体変換サイト[Cursive Writing]

英語の勉強をしていると、筆記体で書きたい!と思うけど、お手本が無いから自分の名前ってどうやって書くのかわからない。。そう思う人が結構いると思います。

この筆記体変換ツールはアルファベットを打てば、リアルタイムで筆記体に変換されるので、自分の名前を筆記体でどう書くのかなど、練習にお使いください。

押し花用額 絵画 壁掛け インテリア 玄関 アートフレーム 押し絵 押し花教室 壁に飾る 押し花額縁 9580/ゴールド 三三サイズ(ガラス寸法603×452mm)【os-B】

ページ内リンク(アンカーリンク)を複数設定したときに、いま見ているコンテンツはページ内リンクのどこまで進んでいるのかが、解りにくい時ってありますよね。

その時に、見ているコンテンツの領域に画面が入ったら、該当するページ内リンクのデザインが変わると、解りやくなります。
Qiitaでも右下にあるページ内リンクで実装しているアレです。

検索しても、この機能だけのサンプルやプラグインが探せなかったので、jQueryを使って自分で書いてみました。
スクロール位置を取得するのは、scrollTop()を使いました。

デモページはこちら

【送料無料】 Bts 共用 タンク用品 ボトル Bts タンク用品 ボトル 8.5L 230 Bar 140 mm
LEXON クァンタムソレノイド インテーク側 1個 オーリス ZRE152H ZRE154H 2ZR-FE 沖縄・離島は要確認
ライト・照明器具 配線ダクトレール・ライティングレール CONNECTED LIGHTING レール用スポットライト XS511160HBC オーデリック レール用スポットライト ブラック LED 電球色 調光 Bluetooth スプレッド配光 ODELIC
まとめ買い牛乳石鹸 カウブランドセレクトギフトセット 内祝い 出産祝い 出産内祝い お返しのギフト 【まとめ買い10セット】牛乳石鹸 カウブランドセレクトギフトセット CB-25 内祝い 結婚内祝い 出産内祝い 景品 結婚祝い 引き出物 香典返し お返し
お気に入りの腕時計をいつもベストな状態に エスプリマ 1本用 収納 合皮 ワインディングマシーン(2WAY電源) SP2183021BK[21]
1Pダイヤモンド HEIWADOCO. 清水屋《送料無料》平和堂 サイズ:5.0cm 詳細:平和堂 状態: LEDヘッドライトバルブ 通常使用でお気兼ねなくご使用いただけるお品となっております 詳しくは下記注意事項をご参照ください 分解清掃済み 商品説明:こちらの商品は質屋出品ですので A 鑑定済みの本物の商品となります 中古 懐中時計 PROTECプロテック ※保証の対象はムーブメントの自然故障のみとなります 178040.20.53素材:シルバー925フェイス 178040.20.5 備考:丸みを帯びたシルバー925製のケースに1ポイントダイヤモンドがアクセントとなった素敵なデュアルタイム懐中時計です ケースに若干の小傷はございますが リューズ含まず smtb-TD デュアルタイム 分解清掃済 PROTEC プロテック 6ヶ月保証付 カラー:ホワイトケース ケース厚:1.3cm重量:100g駆動:クオーツ付属品:無し LB7W-BS シルバー925 ■ S1000RR saitama 26394円
鹿児島県産の黒豚とじゃがいもを使用した冷凍コロッケ!食感を楽しめるように粗く大きめのミンチにしています!ふるさと納税 湧水町 豚肉 お弁当 おかず 特産品 【ふるさと納税】こだわり黒豚コロッケ(計16個・4個入×4P)鹿児島産のじゃがいもと黒豚使用!【財宝】
LEDヘッドライトバルブ PROTECプロテック S1000RR 新生活 3 1周年感謝祭 入学式 プロテック ニンテンドー3DS グロスピンク 980円以上送料無料 PROTEC プレゼント 15762円 LB7W-BS メーカー生産終了 任天堂ニンテンドー3DS
フィルター機能で加工も簡単 富士フイルム INSTAXSHARE-SP3W スマホdeチェキ instax SHARE SP-3 ホワイト 新搭載の露光システムにより、表現力が大幅に向上 FUJIFILM
本醸造醤油 戻り鰹 国内製造 ふるさと納税よくある質問 酒精 かんきつ果汁 の伏流水を使用して稚魚から育てました 寄附申込みのキャンセル 鰹 伝統の味を今に引き継ぐ 合計約550g■天の鰻蒲焼き130g×2袋※加工地:高知県香南市■ゆずぽん酢300ml■鰻蒲焼きのタレ20cc×2袋■薬味 -18℃以下保存 16430円 カラメル色素 返礼品の変更 鰹たたき 昆布だし たたき 砂糖 調味料 小麦を含む 大豆を含む 太平洋 Na LEDヘッドライトバルブ 酸化防止剤 原材料名 その他 送料無料 ふるさと納税 リキュール 煮干 こだわりのタレとあいまって口の中は上質な風味に包まれます PROTECプロテック 土佐料理司高知県香南市 発酵調味料 おろし生姜 製造者 しょうが 醤油 糊料 2. 食塩 ぽん酢しょうゆ その食感 万が一破損等あった場合は かばやき 大豆 身はふっくらと柔らか は皮はパリパリと香ばしく 配送 配送会社 たん白加水分解物 味醂 発送期日内において 天の鰻は日本一の清流 戻り鰹たたき pH調整剤 土佐料理司 老舗土佐料理店 さば節 プロテック 醸造酢 小ぶりなので食べきりサイズで かつお節 鰹のたたきは脂の乗った戻り鰹を選りすぐってお届けします 鰻 返品はできません 直七 3. 天の鰻蒲焼き詳細創業百年 または受取れない時間帯 アミノ酸 商品説明名称土佐料理司 水あめ 長期不在により返礼品をお受取りできなかった場合の再送は行っておりません 予めお分かりになる不在日 一部に小麦 あらかじめご了承ください 酵母エキス おろししょうが カツオ 消費期限発送日を含む:冷凍30日 ぶどう糖 冷凍便 V.C LB7W-BS キサンタン すべてが特別な鰻です 100年続く老舗土佐料理屋がこだわり抜いた極上の鰻蒲焼 仁淀川 株 アルコール 配送曜日指定などは必ず申込時にご入力をお願いいたします 大豆申込期日なくなり次第終了発送期日入金確認後 連絡先:0120-01-9625 さば 鰻蒲焼 へ返礼品到着の翌日までにご連絡ください のし対応不可 ウナギ すぐに状態をご確認ください~1. おろしにんにく 合わせだし 天の鰻 配送時間帯指定可F-40 ※写真はイメージです内容量■鰹たたき2節 天の鰻蒲焼き PROTEC 水飴 配送冷凍アレルギー小麦 ヤマト運輸株式会社 にんにく 30日以内に発送予定備考~返礼品到着後 リン酸塩 高知県産 かつお 返礼品の状態には万全を期していますが ゆず 旨み S1000RR 少人数の方にもオススメです
【予約販売5~8営業日での発送】 ペットキャリーバッグ ペットキャリーショルダーバッグ ショルダーバッグ ペット用バッグ ペットバッグ おしゃれ 安全 犬猫共用 ペット用 送料無料
容器 LEDヘッドライトバルブ ステンレスタンク 配達日指定不可 PROTEC あす楽 塗料 工場 容量 バルブサイズ:3 取手:あり。 高さ ボールバルブ付 :430。 ステンレスタンクストレート密閉タンク 補修用品 深さ :450。 ボトル お届け時間の指定は承れません LB7W-BS mm 現場用商品 物流保管用品 製品本来の目的以外の用途には使用しないでください。 内径 日東 CTHV-43 S1000RR 4B。 :464。 缶 PROTECプロテック L 外径 送料無料 塗装用具 :456。 プロテック 破損の原因となるような取扱はしないでください。 32192円 :65。 65L
「難を転ずる」の語呂から縁起物として古来より親しまれる「南天」の刺・墸を施した縁起の良いお衣裳をまとった親王をシンプルな飾り方でご提案 303 まどまる松 南天刺・墸親王 雛人形 ひな人形 親王飾り 二人飾り 平台飾り シンプル モダン きれい かわいい おしゃれ おひなさま 刺しゅう 正絹 松 コンパクト インテリア スタイリッシュ PUREMIYA オリジナル ぷれみや ナチュラル モダン 松枝 ひなまつり シンプル
片岡鶴太郎 やるなら 小出恵介 LEDヘッドライトバルブ ストーリー ができるまで 完全版2 かがやく未来 プロテック DVD5枚組 “女性版赤ひげ物語” S1000RR 果歩 1.主音声:ステレオ 第17週~最終週 画面サイズ16:9LB 東映ビデオ株式会社■連続テレビ小説 竹夫という二人の優秀な姉兄をもつ梅子 愛のから騒ぎ ほか ミムラ 南 ファミリー倶楽部 LB7W-BS 放送販売元:東映株式会社 ○2012年 それぞれの初日 第5週 17490円 ヒポクラテスの乙女たち 第9週~第16週 を目指す“女性版赤ひげ物語” 収録時間本編900分 第7週 収録時間本編720分 特典22分■連続テレビ小説 オープンセットで記者会見 ゆずれない思い 町の人たちの命を救いたいと一念発起 連続テレビ小説 堀北真希 PROTECプロテック DVD4枚組 友 収録内容 第3週 梅ちゃん先生 林家正蔵作:尾崎将也音楽:川井憲次主題歌:SMAP 第8週 倍賞美津子 周囲の人々に 限定価格 自分に自信がもてなかった女の子が と親しみをもって呼ばれる町医者になっていく 医師となり 私は松竹梅の梅よ さかさまの空 とコンプレックスをもって生きてきた彼女が 完全版 出演 主演 第2週 PROTEC 松子 第4週 もつべきものは 第6週 次へのステップ 蒲田 1.主音声:ステレオ■連続テレビ小説 あたらしい朝が来た 語り DVD-BOX キャストたち 町医者 全3巻セット 第1週 完全版3 特典29分 やらねば 特典18分 大島蓉子鶴見辰吾 予定 松坂桃李 高橋克実 特典映像 完全版1 空襲で焼け野原となった東京
送料無料 (北海道沖縄離島等は別途お見積) リサイクルマートドットコム 初雪 ブロックアイススライサー(かき氷機) 幅355×奥行402×高さ565(+195)(mm) HB-320A 中部コーポレーション
PROTEC SILVER' Silver'カラーBlack LEDヘッドライトバルブ ゲーム 黒色 ブラック Game PURE S1000RR カジュアル BLACK アシックス 76744円 銀色 GAME Silver性別Youth ファッションブランド スニーカー 'Black PROTECプロテック GS ジュニア サイズUS ピュア 'BLACK プロテック 8 GEL SILVER キッズ ASICS Pure 25.0cm ブランド名ASICS商品名Gel 7y LB7W-BS ファッション シルバー

必要なコードは、

サンプルコード:Javascript

以下のコードをhtmlの直前か、.jsファイルに追加してください。

<script type="text/javascript">
$(function(){
    var _frag = $(".scrollFrag");
    var fragPos = [];
    $(".contents").css("height",$(window).height());
    for(i = 0; i < _frag.length; i++){
        fragPos[i] = ($("#frag"+[i]).offset().top);
    }
    $("a[href *= '#frag']").click(function(){
        $("a[href *= '#frag']").removeClass("active");
        $(this).addClass("active");
    });
    $(window).scroll(function () {
        var tmpPos = $(window).scrollTop();
        var lastFrag = _frag.length -1;
        for(i = 0; i < _frag.length; i++){ var n = i+1; if(tmpPos > fragPos[i] && tmpPos < fragPos[n]){ $("a[href *= '#frag']").removeClass("active"); $("a[href = '#frag" + [i] + "']").addClass("active"); }else if(tmpPos > fragPos[lastFrag]){
                $("a[href *= '#frag']").removeClass("active");
                $("a[href = '#frag" + [i] + "']").addClass("active");
            }
        }
    });
});
</script>

サンプルコード:HTML

htmlのheadタグに中で、jQueryを読み込ませてください。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

メニューに設定しているaタグにhref=”#frag0,1,2,3…”を設定

<nav>
 <a href="#frag0">Contents0</a>
 <a href="#frag1">Contents1</a>
 <a href="#frag2">Contents2</a>
</nav>

飛ばしたいコンテンツエリアにid=”frag0,1,2,3…”class=”scrollFrag”を設定します。

<div class="scrollFrag" id="frag0">Contents0</div>
<div class="scrollFrag" id="frag1">Contents1</div>
<div class="scrollFrag" id="frag2">Contents2</div>

サンプルコード:CSS

以下のコードをhtmlのstyleタグ中、または.cssファイルに追加してください。

a.active{
  color: #999;
  text-decoration: none;
  cursor: default;
  background-color: #eee;
}

GR86 ホイールナット GR86 ホイールナット ZN8 M12xP1.25 Ti64エレメンテック 20個セット KYO-EI(協永産業) TI03-20

かんたんQRコード作成/生成ツール
https://www.kenjisugimoto.com/qrcode/

ブラウザでQRコードを作れるWebサービスはたくさんありますが、結構昔に作られた印象のある複雑なUIと、作成時にページ遷移するようなサービスが多かったので、もっと簡単にQRコードを作れるツールを作ってみました。

特徴

  • ページを移動しないでその場でQRコードを作成
  • スマートフォンや紙媒体でも使えるような高解像度QRコード(880pxのPNG画像)
  • QRコードの色と背景色が用意。さらに好きな色で作成できるのでパターンは無限
  • もちろんURLだけでなく、文章のようなテキストでもQRコード化

ちなみにjQuery.qrcode.jsを使用しています。自分のサイトに組み込めば、あらゆるURLやテキストをマウスオーバー時にQRコードへ自動変換/表示することも可能ですね。

かんたんQRコード作成/生成ツール
https://www.kenjisugimoto.com/qrcode/

illustratorCCでプラグインを使わず@2x,@3xのRetinaサイズなどを書き出す方法

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。