8-0737-1006 7-0729-1006 DTH06029 001-0027051-001 グリル焼き網 魚を焼く網 焼きアミ 調理網 まとめ買い10個セット品 SA18-8クリンプ目丸焼網 焼台 メイチョー バーベキュー用品 29cm 焼肉 焼き物器 ファッション通販 コンロ 網 タフマル あみ コンロ,ringolab.com,8-0737-1006,001-0027051-001【グリル焼き網,焼きアミ,バーベキュー用品,魚を焼く網,あみ,焼台,16279円,7-0729-1006,【メイチョー】,】,焼きアミ,/hypotoxicity906.html,【まとめ買い10個セット品】SA18-8クリンプ目丸焼網・タフマル,DTH06029,焼肉,キッチン用品・食器・調理器具 , 調理器具・製菓器具 , 調理器具 , その他の調理器具 , 焼網,調理網】,29cm【,焼き物器,網 16279円 8-0737-1006 7-0729-1006 DTH06029 001-0027051-001【グリル焼き網 魚を焼く網 焼きアミ 調理網】 【まとめ買い10個セット品】SA18-8クリンプ目丸焼網・タフマル 29cm【 焼きアミ 網 あみ 焼き物器 焼肉 コンロ 焼台 バーベキュー用品 】 【メイチョー】 キッチン用品・食器・調理器具 調理器具・製菓器具 調理器具 その他の調理器具 焼網 コンロ,ringolab.com,8-0737-1006,001-0027051-001【グリル焼き網,焼きアミ,バーベキュー用品,魚を焼く網,あみ,焼台,16279円,7-0729-1006,【メイチョー】,】,焼きアミ,/hypotoxicity906.html,【まとめ買い10個セット品】SA18-8クリンプ目丸焼網・タフマル,DTH06029,焼肉,キッチン用品・食器・調理器具 , 調理器具・製菓器具 , 調理器具 , その他の調理器具 , 焼網,調理網】,29cm【,焼き物器,網 16279円 8-0737-1006 7-0729-1006 DTH06029 001-0027051-001【グリル焼き網 魚を焼く網 焼きアミ 調理網】 【まとめ買い10個セット品】SA18-8クリンプ目丸焼網・タフマル 29cm【 焼きアミ 網 あみ 焼き物器 焼肉 コンロ 焼台 バーベキュー用品 】 【メイチョー】 キッチン用品・食器・調理器具 調理器具・製菓器具 調理器具 その他の調理器具 焼網 8-0737-1006 7-0729-1006 DTH06029 001-0027051-001 グリル焼き網 魚を焼く網 焼きアミ 調理網 まとめ買い10個セット品 SA18-8クリンプ目丸焼網 焼台 メイチョー バーベキュー用品 29cm 焼肉 焼き物器 ファッション通販 コンロ 網 タフマル あみ
| 商品の仕様 |
| ●サイズ：直径(mm)290 ●特長：線材に波型の屈曲を施し、縦･横線を交互にはめ合わせて作られているため、網目は正しく保持され強固に組み合い非常に丈夫です。 ●外枠と中線の接点を丸く溶かしてあり安全面も考慮してあります。 ●※線材径φ2.5mm クリンプ10mm目 ※商品画像はイメージです。複数掲載写真も、商品は単品販売です。予めご了承下さい。 ※商品の外観写真は、製造時期により、実物とは細部が異なる場合がございます。予めご了承下さい。 ※色違い、寸法違いなども商品画像には含まれている事がございますが、全て別売です。ご購入の際は、必ず商品名及び商品の仕様内容をご確認下さい。 ※原則弊社では、お客様都合（※色違い、寸法違い、イメージ違い等）での返品交換はお断りしております。ご注文の際は、予めご了承下さい。 |
| |||
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%ですね。
