4840円,スマートウォッチ,ブラック,NY17BK,NY17BK,main-ks.com,スポーツ・アウトドア , スポーツウェア・アクセサリー , 測定器・スポーツテスト用品 , 活動量計,スマートR,/hemicentrum858231.html スマートR お気に入 NY17BK スマートウォッチ ブラック スマートR お気に入 NY17BK スマートウォッチ ブラック 4840円,スマートウォッチ,ブラック,NY17BK,NY17BK,main-ks.com,スポーツ・アウトドア , スポーツウェア・アクセサリー , 測定器・スポーツテスト用品 , 活動量計,スマートR,/hemicentrum858231.html 4840円 スマートR NY17BK スマートウォッチ ブラック NY17BK スポーツ・アウトドア スポーツウェア・アクセサリー 測定器・スポーツテスト用品 活動量計 4840円 スマートR NY17BK スマートウォッチ ブラック NY17BK スポーツ・アウトドア スポーツウェア・アクセサリー 測定器・スポーツテスト用品 活動量計
| 本体重量 | 58ｇ |
| 電源 | USB充電 |
| 充電時間 | 約2時間 |
| ディスプレイ | 1.69インチ タッチパネル |
| 心拍センサー | 有 |
| 対応OS | Android4.4 ios8.0以降 |
| GPSセンサー | 無 |
| 着信通知機能 | 有 |
| メール通知機能 | 有 |
| 歩数計機能 | 有 |
| Suica機能 | 無 |
| 血中酸素ウェルネス機能 | 有 |
| 睡眠分析機能 | 有 |
| ハンズフリー通話機能 | 有 |
| 防塵機能 | 無 |
| 気圧センサー | 無 |
| 消費カロリー計測機能 | 有 |
| 音声アシスト機能 | 有 |
| コーチング機能 | 無 |
| 座りがち注意 | 有 |
| 付属品 | USB充電コード |
UI/UX DESIGNER
バリュー・プロポジション・デザインの書籍の中に、オンライン版の支援ツールとしてビジネルモデルキャンバス、バリュー・プロポジションキャンバスが記載されているのですが、入手までの情報がわかりにくかったので記載しておきます。
他にもmiroやFigmaにテンプレートデータがあるので、そちらを活用する方がPDFよりも便利ですね。
Figma :
Miro :
Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度（180度、270度）回転表示させる方法 – naoya_t@hatenablog
OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。
*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262
その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me
ペン字を練習したい、綺麗な文字が書けるようになりたい、そんな方がたくさんいると思います。ボールペン字の通信講座や書籍がたくさん存在していますが、自分が書きたい文章が練習用文章に載っていることは少ないですよね。
また、急に手紙やハガキを書く時にお手本のペン字を見直したい、そんな方がすぐに使えるサイトを作成しました。
PCとスマートフォンでご利用できますので、ぜひご利用ください。
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.
英語の勉強をしていると、筆記体で書きたい！と思うけど、お手本が無いから自分の名前ってどうやって書くのかわからない。。そう思う人が結構いると思います。
この筆記体変換ツールはアルファベットを打てば、リアルタイムで筆記体に変換されるので、自分の名前を筆記体でどう書くのかなど、練習にお使いください。
ページ内リンク（アンカーリンク）を複数設定したときに、いま見ているコンテンツはページ内リンクのどこまで進んでいるのかが、解りにくい時ってありますよね。
その時に、見ているコンテンツの領域に画面が入ったら、該当するページ内リンクのデザインが変わると、解りやくなります。
Qiitaでも右下にあるページ内リンクで実装しているアレです。
検索しても、この機能だけのサンプルやプラグインが探せなかったので、jQueryを使って自分で書いてみました。
スクロール位置を取得するのは、scrollTop()を使いました。
必要なコードは、
以下のコードを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の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>
以下のコードをhtmlのstyleタグ中、または.cssファイルに追加してください。
a.active{
color: #999;
text-decoration: none;
cursor: default;
background-color: #eee;
}
かんたんQRコード作成/生成ツール
https://www.kenjisugimoto.com/qrcode/
ブラウザでQRコードを作れるWebサービスはたくさんありますが、結構昔に作られた印象のある複雑なUIと、作成時にページ遷移するようなサービスが多かったので、もっと簡単にQRコードを作れるツールを作ってみました。
特徴
ちなみにjQuery.qrcode.jsを使用しています。自分のサイトに組み込めば、あらゆるURLやテキストをマウスオーバー時にQRコードへ自動変換/表示することも可能ですね。
Sketchだと画像UIパーツの解像度別（@2xや@3xなど）の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。
でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています
結論としては、プラグインを使わなくても「Web用に保存」からできます。
画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。
