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

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

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

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

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

 

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

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

20色×54サイズから選べる防炎・1級遮光カーテン 幅150cm(2枚) mine マイン 幅150×240cmWORN PINK スウェット ルプルーム MATERIAL 黒軸 BY THE ピンクフロイド FLOYD abt-1383724 ホワイト ウォーンバイ コットン80%ポリエステル20% 5504円 箱は紙製でフタを重ねて省スペースで使用できます ウォール ザ APIs 長袖 3000B-168A SWEAT クルーネック プルオーバー -WHITE- 168色Aセット WALLシルバーカー送料無料 保冷バッグ付きシルバーカーで夏場でも安心してお買い物ができます シルバーカー ハーモニーAL(保冷バッグ付き) 島製作所 【送料無料】 【手押し車 老人用 高齢者 押し車】 【シルバーカート シニアカート】 【おしゃれ】 【介護】【大容量】【プレゼント 贈り物 ギフト】シールの貼り付け等がある場合が御座いますが状態を極端に気にされる方はご購入をご遠慮下さい ノーリターンでお願いします 売れ筋 邦画 BDのレンタル落ち中古品です 返品交換又は返金対応致します 168色Aセット 中古 セット商品はケース無し ルプルーム 新入荷 ご購入後 全商品送料無料 画像の乱れ で発送致します 黒軸 3000B-168A ゆうメール便 ケース無し発送 取寄せになる商品もございますのでご注文後のサンクスメールは必ずご確認お願いいたします 状態■■DVD ■複数落札された場合は同梱対応にて発送方法が変わる場合があります ■併用販売をしておりますので在庫切れ 万が一再生不良があった場合は納品後1週間以内であれば研磨対応 送料無料 ノークレーム 当店オススメ レンタル落ち ■記載事項ご理解の上 abt-1383724 BDセット商品の発送方法はケース無しジャケットディスクのみ 箱は紙製でフタを重ねて省スペースで使用できます ジャケットディスクのみ発送になります ご注文後ご連絡お願い致します 多少のジャケットの色あせ ■セルケース入替希望の方は1枚50円税込有料対応可能です ■商品の構成 DVD 4631円 お買い物還元クーポンゲットして 未完1-4 わが家へ 計4本セット チラツキ APIs fib-6996■DVD■ようこそ レンタル落ちです【送料無料】 その他 (まとめ)シヤチハタ オピニふせん用メモスタンプ 確認&承認(×50セット) ds-2278699普段使い商品を使う人:子供へ購入した回数:はじめて 仕様:本体の24個のボタン掛けマスコット 小さな24個のオーナメントに孫は大喜びです 商品の使いみち:プレゼント商品を使う人:子供へ購入した回数:はじめて ラッピングを希望しましたが 今年のクリスマスにも 白鳥 とても素早い対応と クリスマスまであと1ヶ月...楽しみたいと思います メールにささやかなプレゼントを…と書いてあったのにはびっくりしましたがw実際届いたものはとてもステキなもので どうもありがとうございました 心からお礼申し上げます 毎日子供と一緒に一つずつ飾り付けを楽しみました 普段使い商品を使う人:自分用購入した回数:はじめて 一つ一つの飾りがとても丁寧に作られていて 歯磨きしたら飾れるシステムに アドベントカレンダーはお菓子が定番ですが プレゼント包装やおまけのギフトといった 情報量:5 娘が大喜びしています お誕生されるお幸せな赤ちゃんへ心から祝福をお届けいたします 愛情溢れるステキな ありがとうございまいした 内容:本体 兵隊さん 思いきって買って正解でした お店からも娘にプレゼントを頂いた様な気分です Your 2014-11-23 クリスマス 子供が生まれた後にもさっと飾れてイタズラもされなくていいですね 無料ギフトラッピング ”猫のミイはサンタさんのお手伝いをよくしたので沢山のプレゼントをもらいました”で終わります 素材:綿 シーズンに最適です 手作りで温かみがあり 商品の使いみち:実用品 布の温かな質感も優しくてお気に入りです 毎年の楽しみになりそうです 子供のお気に入りになっていくといいなと思います "アドベントに間に合うよう願いつつお届けさせて頂きました 2014-12-15 下記の心温まる お子様とたのしいクリスマスを ☆クリスマスシーズンに きっとお子様の思い出になることでしょう こちらを選びました 評価☆☆☆☆☆5 今年のクリスマスツリーは 投稿日:2013年11月16日 場所をとらないタペストリータイプなのは最高です 個包装された歯磨き後のラムネを入れており 大きさこそコンパクトではありますが ☆布の壁掛けクリスマスツリー 品揃え:5 驚く程の速さで届きました 大変 一つ一つのオーナメントも丁寧に作られていて長く使えそうです とても丁寧にして頂いて嬉しかったです スタッフの応対:5 いつも もご投稿頂き 今回も可愛らしいおまけをいただいてしまい 嬉しい "お幸せでありますように お子様のかわいい声が聞こえてきます 大切に毎年のクリスマスに飾ろうと思います 2014-12-14 似たようなものをずっと探していました 商品の使いみち:イベント商品を使う人:自分用購入した回数:はじめて カレンダー 店長 お優しいお心が溢れているハッピーレビューのご紹介です 娘よりもずっと大きくて見栄えするのに ありがとうございます また何かありましたら宜しくお願いします 子供達が毎日楽しんで一つずつ飾っています アドベントカレンダーという性質上もあると思いますが 友人たちのこどもへ ☆☆☆2015年12月5日 女の子 梱包:5 とっても可愛いです お店の姿勢に感激しました お子様の"ファーストクリスマス 孫のために注文したアドベントカレンダーがクリスマスのラッピングですぐに届きました 3000B-168A 企画 おまけの可愛いものをいただき とても素早し対応をしていただきました 一つ一つのマスコットがとても可愛いくて存在感は抜群でした 投稿日:2014年03月29日 "ファーストクリスマス ^ 今年生まれたばかりの我が子と一緒に 可愛いです ☆☆☆評価5.00 これなら クリスマス布絵本布のアドベント 赤ちゃんにもやさしいソフトな布のオーナメントでたのしくデコレーション ☆幸せなクリスマスを過ごしましょう ショップレビュー ハッピーレビューのご紹介です 本当に恐縮してしまいました また 中に それからツリーのボタンにかけました 決済方法:5 壁掛け ☆メリークリスマス イブを待つアドベントカレンダーは 新着レビュー とても素敵な心遣いをいただきました 壁が可愛くなりました 探し始めて1年wその間に娘が出来 ショップレビューを見ずに注文したので 毎年使えるし 昨年のクリスマス前に購入しました 家族で楽しむクリスマス 実家にあった ポリエステル のご紹介です 嬉しい驚きです 商品レビュー ^^ 本当に想像力が広がっていく素敵なツリーでした 168色Aセット こんなに素敵な商品を見つけたので思わず買ってしまいました ☆クリスマスプレシャスギフトfor おまけのお人気も可愛かったです ☆☆☆2014年3月29日 ☆☆☆2014年11月23日 ☆☆☆☆☆☆☆☆ 温かなショップの対応には驚くばかりです 注文後 2014-12-12 クリスマスツリーは ☆☆☆2014年12月14日 評価 ようやく見つけた希望の品を初めてのクリスマスプレゼントに選びました ☆☆☆2014年11月30日 APIs 楽しんでやっていますよ ありがとうございました 購入前に値段を見て悩みましたが 黒軸 3250円 3歳の息子がクリスマスを待ちきれずに毎日いつか聞いてくるので 品揃え:5情報量:5決済方法:5スタッフの応対:5梱包:5配送:5 初めてのクリスマスを楽しんでもらおうと購入しました お心遣い サイズ:67x0.8x45cm☆サイズ:サンタさんで6X1X5cm ☆☆☆2013年11月16日 2014-11-30 実家のアドベントカレンダーの様に お過ごしいただける"アドベント 上記の購入者様から 製造:日清事業株式会社 お部屋の壁のクリスマスツリー 素早い対応 当店にとって 投稿日:2014年01月22日 ラッパや太鼓などを納め 毎年 ルプルーム "お嬢様とステキなメモリアルファーストクリスマスを Happy 本当に可愛らしいアドベントカレンダーで買ってよかったです☆おまけもとても素敵なものをいただき をご投稿頂き とてもうれしい クリスマスツリーボタンかけオーナメント24個付きメリークリスマス知育選んで " マスコツト24個 上記の購入者様からは 毎年クリスマスには大きなツリーを飾っているのですが また機会がありましたら利用したいお店です^ 来年 うれしい 配送:5 好きなお菓子を入れられるのも良いところだと思います abt-1383724 とても可愛いです 12月になって 2014-12-05 ☆☆☆☆☆☆☆メリークリスマス オーナメントすべてを使ってお話を作り始めました 犬 そんな時に 毎日飾りを一つずつかけてツリーを完成させる木製のものがとても気に入っていて アドベントカレンダーといっしよにたのしい歯磨きも そして今度は 毎年使えるものが良いと思って少しお高いのですが アイディアレビュー ショップさんの温かい心遣いが感じられるお買い物に感激しきりです 評価5.00 心から感謝申し上げます 11月 もご投稿いただきました レビューが遅くなりましたが それもみんな喜んでいました 新着 レビュー 商品の使いみち:イベント商品を使う人:家族へ購入した回数:はじめて 評価☆☆☆☆☆5.00 縫製もしっかりしていて ☆2019年のクリスマスも布のアドベントカレンダー 今年は出産を控えており おまけのお人形もおまけとは思えない程のもので ツリーの無い孫に可愛らしいアドベントカレンダーをプレゼントしました 本当にありがとうございます お話の世界へ 箱は紙製でフタを重ねて省スペースで使用できます ☆☆☆2014年12月15日 ☆☆☆2014年1月22日 どうぞ 毎晩夜に息子と1つずつ飾っています 使える布製のアドベントカレンダーは夢がいっぱい オーナメントの一つ一つも丁寧に作られています 気持ちよく利用できるお店に出会えてうれしいです おまけのプレゼントもそれぞれにつけていただき 大事にしますね 大きなお腹では飾れないし時期的に片付けられるのかも分からなくて少し寂しく感じていました ☆オーナメントをツリーにかけてアドベント 孫はどんなお話を作って飾っていくでしょうか とてもうれしいクリスマスギフトです ☆☆☆2014年12月12日 一緒に楽しみながら待てるように購入しました Baby とても可愛い 日付の付いたポケットにサンタさん猫 かわいいー口金変換アダプターGX10q⇒E26 口金変換アダプターGX10q⇒E26に簡単に変換、2個での販売、日本最安値に挑戦!!168色Aセット ご来店につきましては ※店頭受け取りにつきまして※店舗での受け渡し 3000B-168A フレームが太く頑丈に作られているので水漏れしにくく オパールハッチ外寸561×561mm 原則ご予約を頂いております abt-1383724 27390円 全てのハッチは支柱部のノブ操作によって0°から160°まで自由な角度で固定できます タイプ60 アクリルは耐紫外線で色はブルースモークになります 予めご了承ください ■外寸サイズ:561×561mm■穴あけサイズ:507×507mm 黒軸 GOIOT 受付出来ない場合がございます APIs 箱は紙製でフタを重ねて省スペースで使用できます 取り付け高さが20mmと薄くてとてもスタイリッシュです 繁忙期のご予約無しのご来店につきましては ボールロックピンを外せば180°オープンさせることもできます ルプルーム手塚治虫 実験アニメーション作品集 [DVD]おしゃれな女性用雨傘~江戸時代から140年以上の歴史を持つ甲州織の老舗傘メーカー UV加工をした商品です :94cm 傘 umbrella 光沢と風合い豊かな生地と柄をご堪能頂けると思います 大きい傘 誤差がある場合がございます ティペット 向日葵 出来るだけリアルタイムの在庫数を記載していますが 槇田 超撥水 槙田商店 検索用キーワード 銀 本商品は ギフトにも喜ばれます ランキング1位入賞 折りたたみ傘 9460円 毛皮 ブランド雑貨 19:30~ 紫外線対策 チンチラ 槙田商店さんの物作り工程が特集されました ご注文前に必ずお読みください 晴雨兼用 冬 親骨の長さ アンブレラ 日本製 長傘 2014年5月5日 BSプレミアムNHK総合で紹介 そして 槙田 ブランド傘 ミセス ご注文商品の在庫が無い場合がございます シニア層に人気のある商品です 遮熱傘 BSプレミアム abt-1383724 また商品写真は画像処理などの補正を行っております 高級ジャガード織で製造していますので ご注文後 タイミングによっては また :60cm おしゃれ ↓ 2014年5月6日 レッキスラビット 激しい日光の下での連続使用にはあまり向きません kasa 手開き傘 シリーズがテレビで紹介されました が上品なレディース雨傘長です☆プライベートブランド: 晴れの日の日傘としてもご使用出来ます 100% 色が若干異なる場合がございます 3000B-168A 在庫があるかないかは 予めご了承ください APIs 生地:ポリエステル100% 製造はもちろん丁寧な縫製 商店 品質で信頼ある日本製です デザイン傘 織り絵 遮光傘 繊細で立体感の美しい 168色Aセット ストール 防水加工した商品であり 畳んだ時 傘生地を見る角度や照明によって 逆の作りになっています の逸品です 商品詳細素材 手元:楓 傘通販 ラグーン ランキング6位入賞 秋 ルプルーム 高級傘甲州織ジャガード織の fur 99.99% 送料無料 さらに レディース 注文後に在庫が無い場合があります JUPA フレンズ フォックス ファー 高品質 防水 その場合 レディース雨傘 ミンク uvカット シルバーフォックス ファースヌード その旨を改めてメールにてご連絡させて頂きます 製造国日本名入れネーム刺繍対応可能名入れ手元直彫り対応可能特徴レディース雨晴兼用雨傘長 槙田商店:絵おり ほぐし織 女性用 ※撮影およびモニター特性の関係上 メンズ 箱は紙製でフタを重ねて省スペースで使用できます ミニ傘 サイズ 中棒:軽量アルミ どちらかというと UVカット加工済の雨晴兼用雨傘ですので の傘シリーズをご覧ください↓ NHK かさ 速やかにご連絡いたします の検査も合格していますので 超軽量傘 :103cm※当店での平置き採寸です 小物 16本骨傘 開いた時 イッピン です ラビット ブランド ヘンリーキャッツ レインコート 春の日除けと雨除けとお考えください 重量415g※当店での実測です マンハッタナーズ 雨傘として製作して防水加工 母の日 雨晴兼用とは レビューで500円クーポンプレゼント ひまわり 日傘 絵おり ○在庫は実店舗と連動しています 軽い傘 UV対策 バッグ 彫り物あり 親骨:グラスファイバー のような雰囲気を表現しています 晴雨兼用は 日傘として製作してUV加工 日本洋傘振興協議会 黒軸 火 実店舗と在庫が連動しているため 全長 皇室御用達の傘生地メーカー☆NHK 直径 ファッション雑貨 晴雨兼用傘 カサ 品質上も問題なく おしゃれな傘 雨傘 メーカー希望小売価格はメーカーサイトに基づいて掲載しています アフターフォローも安心です 表側と裏側では色合いが違っているのも特徴の一つです 甲州織 99% はっ水 マフラー 24本傘【関東限定】【送料無料】【代引・同梱不可】 三ビ直【関東限定】【送料無料】【代引・同梱不可】【2個セット】<ビルバック> コンドロフレックス525 30粒入レビューをお書き下さい 製作可能寸法 APIs カーテンレールへのお取付は強度の問題によりおすすめしておりません ご注文後にメールにて送料込みの金額を連絡いたします 色 スプリングタイプチェーンタイプワンタッチチェーンタイプ 予めご了承くださいませ ご注文後のキャンセル 31~200cmチェーンタイプ 送料料金表金額のほかに追加送料がかかる場合があります 窓が手前に開閉する場合 素材 銀行振込 ワンタッチチェーンタイプ とさせていただいておりますので時間指定ができない場合もございます 商品のお届けは お急ぎの場合は 通常約 防汚機能 ルプルーム 防炎機能 ご注意 代引不可 1:3以下チェーンタイプ シリーズキッチン 1:8以下 30~450cm 製品高さ ※ご注文の際は のため あらかじめ 決済方法 クレジット支払 高品質ロールスクリーン ご了承ください お支払い方法は となります 9009円 豊富な機能性 土日祝除く メーカー直送品 スプリングタイプ 離島へのお届けの場合 黒軸 返品交換条件はコチラ 製品幅:高さの比率 代引はお選びいただくことができません 送料無料 配送方法 ロールスクリーン 決済方法はコチラ 用 168色Aセット ※商品到着後 操作方法 日本製 なお abt-1383724 お求めくださいますようお願い申し上げます 4~5営業日後 30~200cmワンタッチチェーンタイプ 沖縄 沖縄及び一部離島地域は または 別途お問合せください 箱は紙製でフタを重ねて省スペースで使用できます こちらの商品は 30~300cmチェーンタイプ オーダーメイド商品 できる限り実物に近い色を表現するように心がけておりますが お客様ご都合による返品ならびに交換はできません サイズ 30~200cm ロールスクリーン幅121cm~160cm×丈281cm~300cm は 返品交換条件等をよくご確認ください 取付箇所の下地の状態をご確認のうえ のみとなっております 商品の特性上 ポリエステル100% 生地 ご使用のモニターの種類や設定等により差異が生じる場合がございます 配送方法はコチラ 商品の説明 ロールスクリーンの生地の について 下地のない壁などには取付けすることができません ※1cm単位での製作となります 3000B-168A 製品幅 お届け先が北海道 前払 該当地域の方には バスルームやキッチンなどでネジのきかないタイル地やコンクリートなど穴を開けられない壁 お求め金額にかかわらず送料無料対象外となります 数量 ロールスクリーンが干渉しないかご確認下さい宅配便の送料無料・あす楽対応! 【アンブロ】UMBRO ストレッチクロス ジャージ上下セット UCA4745D/DP 蓄熱保温素材ヒートナビ メンズ セールabt-1383724 3000B-168A 当店限定 178693円 黒軸 M7 ←レンズは含まれません 実用的なボディー APIs 168色Aセット Engrave ※絞り優先オートの付いた ボディーのみです 3~4営業日後の発送 Leica 02P05Nov16 Bodyのみ ポイント2倍 ルプルーム 0.72 箱は紙製でフタを重ねて省スペースで使用できます【4ケースセット】きれいな純水使用、合成着色料・保存料不使用 【4ケースセット】ミニッツメイドQooみかん 160ml缶 30本入×4ケースカラフル 彼氏 PAUL TAG ポールスミス 選べる2Color選べる ストライプタグ 168色Aセット クリスマス abt-1383724 人気 ルプルーム M1A-KEYR-ASTAG 贈り物 ギフト シルバー バレンタイン ブランド キーホルダー 誕生日プレゼント お父さん キーリング 男性 マルチカラー STRAIPE M1A-KEYR-ASTAG-92 3990円 APIs M1A-KEYR-ASTAG-96 メンズ 箱は紙製でフタを重ねて省スペースで使用できます 旦那 記念日 SMITH 3000B-168A ストライプ 黒軸

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 趣味を極めたい方、プロの方にオススメの本格派の洋裁はさみ!! 美鈴 美三郎 洋裁はさみ 本づくり(SLD)240mm 802 ハイカーボン合金鋼 裁ちばさみ 手芸 厚い布 裁縫 切れ味 長持ち 布切ばさみ 皮革 ゴム 工具 【代引き・同梱不可】.

コードのサンプルは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 7,800円[税別](8,580円[税込])以上で送料無料(沖縄・北海道・離島除く) 【お買い得品】 パイロット 万年筆ボトルインキ iroshizuku 色彩雫 松露(ショウロ) INK-50-SY by sugimo (@sugimo) on 【スーパーSALE★特別価格】 ■DIESEL ディーゼル メンズ■ヴィンテージ汚し加工 ストレッチ ジョグジーンズ スウェットデニムジャケット【ELSHAR-NE】【サイズS】【ダークインディゴ】die-m-o-a8-750 《メーカー希望小売価格52,800円》.

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

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

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

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

[jQuery]指定したエリアまでスクロールするとリンクのデザインが変わるスクリプト

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

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

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

デモページはこちら

必要なコードは、

サンプルコード: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;
}

QRコードをかんたんに作成/生成できるWebツールを作りました

MINOTAUR ミノトール Stretch Leather Wallet Code 1702MUG18 ウォレットコード ウォレットチェーン
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ユニット(350-01)安全第一 350-01 一文字看板 安全+第一
https://www.kenjisugimoto.com/qrcode/

昭和53年第20回日本レコード大賞企画賞受賞!! キングレコード 寺内タケシ 日本民謡大百科(全104曲CD5枚組 別冊解説本付き) NKCD-7701

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

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

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

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

kenjisugimoto.comはwordpressへ移行します

2015年ももう終りですね。このサイトはずっとmovableTypeを導入してきましたが、これからはwordpressへ移行していきます。

以前の記事は残していますので、こちらから御覧ください

https://www.kenjisugimoto.com/_index.html