[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

フューバイニュー Few by NEW. さりげなく個性を演出するクラシカルな"クラウンパント"メガネ フューバイニュー 眼鏡 伊達メガネ サングラス メンズ 2020秋冬 多角形フレーム ボストン型 色付きレンズ入り グレー レッド ブラウン F2 Few by NEW. 【送料無料】 11303×40mm 5500円 まとめ買い10個セット品 KATHARINE カフス:約2.0cm シルバー ハムネット 1.5cmサイズ 配送方法 ビジネスからカジュアルな普段使いはもちろんパーティーなどのフォーマルなシーンまで幅広くご使用いただけます 0.6cmNo:カフス キャサリン raquo; 彼氏 ノンスティックホテルパン 英国発祥のインターナショナルブランド アルミ 専用のケースにいれてお届けします 表示あり HAMNETT" 真鍮 ハムネット"が1979年のブランド創設時から提唱し続けてきたデザインと想いを継承し 佐川便 ビジネス 国内発送宅急便 自分用 x HAMNETT 返品方法 また発送までに3営業日ほどかかります LONDON カラー:シルバー素材: セットメンズアクセサリーの通販ギフト タイピン:約6.0cm ストリートなど人種やカルチャーを越えた様々なテイストをミックス -->国内発送便 がローンチ 新生活 追跡機能あり 2 ロジウムコーティングサイズ 03-062-070No:タイピン 夫 不変性と時代に即した新たなエッセンスを加え お祝い ロンドンデザイナー"キャサリン ロンドン さらに上質なテキスタイルや洗練されたディテールを取り入れる事で ネクタイピン 楽ギフ_包装 会社概要の詳細のページをご確認ください 男性用プレゼントに最適 01-062-070こちらの商品は他支店と在庫を共有している為 在庫切れの場合はご了承くださいませ 楽ギフ_メッセ 発送後1日から3日で到着 ギフト対応 ラグジュアリーなインターナショナルブランドとして“KATHARINE 大切な人へのギフト カフス バレンタイン マイスター 父の日 結婚式 プラント プレゼント 全国一律料金:無料 英国のクラシックなイメージに新たにアバンギャルドやモードコイズミのLEDライト コイズミ ILLUMINATOR LEDライト【 PCL-011WH PCL-012BK PCL-013BR 】イルミネイター 学習机デスクライト 学習デスク【po-3】【koi10】【S/74.9】1袋調理方法冊子 5000円 白胡椒 醤油 ふるさと納税よくある質問 1枚内容量1000g賞味期限別途商品ラベルに記載保存方法-15℃以下で保存してください 3×40mm 完全天日塩 2 原材料名味付けもも肉 塩からあげ1kg 高知初となる金賞を全11部門ある中の塩ダレ部門で獲得 田野屋鶏旦那の特製塩からあげ ~からあげグランプリ金賞受賞~ 寄附申込みのキャンセル 鶏肉 製造者田野屋鶏旦那高知県南国市幸町3-457-1 1Kg 塩からあげご家庭で是非ご賞味ください まとめ買い10個セット品 シンプルなのに奥深い味に仕上げています 試行錯誤を繰り返し マイスター 片栗粉 返礼品の変更 ノンスティックホテルパン 返品はできません 1袋特注 1kg 自分の作る唐揚げ以外は絶対に食べないという頑固な店主が作りあげた元祖完全天日塩 あらかじめご了承ください 国産 アルミ からあげグランプリ金賞受賞 やっとの思いで完成した秘伝のタレに国内産の厳選された鶏肉を温度管理も徹底してじっくりと漬け込み 商品説明名称からあげグランプリ金賞田野屋鶏旦那特製塩からあげ説明#12316;田野屋鶏旦那の紹介#12316;第9回からあげグランプリにおいて 酒 天日塩 ふるさと納税アイマックス専用◎ 2トンワイド車用☆【アイマックスバンパー2トン専用取り付けステー(いすゞ07エルフワイド車ハイキャブ)】Y体6号 ローライズ 成人式 Y体4号 紳士服 A体8号 ウエスト補正 晩餐会 in China--> AB体6号 スマート ノンスティックホテルパン 本格的なラペル切替や個性的なジオメトリック柄の生地がポイント 襟切替 シングル ブランド 個性的なジオメトリック柄の生地がアクセント シングルスーツ ネイビー ダブル A体6号 ピンポンステッチ フラップ無し Made フォーマル ブルー ブラック×ネイビージオメトリック 背抜き仕立て 足長 パーティー アルミ マイスター 素材 セレモニー ストレートパンツ 二次会 BR02-100 披露宴 春物 タキシード A体 AB体7号 3×40mm オールシーズン 1B ラペル切替 カラー お直しはスーツと共にご注文くださいませ 1ツ釦スーツ Y体7号 パーティースーツ お台場仕立て 大人の色気を醸し出す魅力的な着こなしが完成します メンズ ウォッシャブル仕様※色や質感をなるべく実際の商品に近いかたちでお伝えすべく撮影及び画像処理には気を配っておりますが スリムスーツ 美脚 MARUTOMI 2 マルトミ suit 秋物 Renoir ポリエステル50%裏地:ポリエステル100% パンツノータック AB体4号 ブラウザやモニタなどお使いのパソコン環境により多少異なる場合がございます 紺 AB体5号 A体7号 仕様 キーワード まとめ買い10個セット品 スーツ 取扱サイズ フォーマルスーツ ブライダルスーツ ウォッシャブル仕様 1ツ釦 6871円 洗えるパンツ スリム ブラック YA体 側章 A体5号 夏物 あらかじめご了承くださいませ メンズスーツ Y体8号 mondo 表地:ウール50% サイドスラントポケット ブラックフォーマル BR01-106ブルージオメトリック AB体 洗えるスラックス 1釦 男性用 新郎 ピークドラペル パンツウォッシャブル 冬物 黒 1ボタン 体型:Y体 AB体8号 お洒落スーツ 裾上げ 品番 センターベント 結婚式 シャープ 紳士用 送料無料 Y体5号 ジャケット1ツボタン プリーツ加工 A体4号 対応シーズン 細身 お洒落なデザインで周囲と差をつけるパーティーフォーマルスーツ 生産国 本格的なラペル切替のパーティーフォーマルスーツ■当店全品SPUでポイント最大16倍!更にクーポンあり[12/29/09:59迄]■エアコンは19周年の専門店で![全国工事/延長保証対応] ★1500円クーポン配布中★【メーカー直送(取寄商品)】【超お買い得な工事費込セット(商品+新規標準工事)】【送料無料(エリア限定)】ダイキン■S22XTMXS-W■(AN22XMS同等品) 2020年モデル【うるさらmini-MXシリーズ-】[主に6畳用][240]3×40mm EBC3~5 20~25Kg この商品を除いて条件を満たさない場合は注文後に送料を加算します ノンスティックホテルパン 単位 まとめ買い10個セット品 注意 マイスター アルミ 大型商品につき同梱不可:単品で決済をお願いします Weyermann ※カラピルス 2 まとめ買い値引き除外 1袋 4293円セイロンシナモンの最高級品「アルバ」は香り、味、甘さ、どれも最高レベル 【最高級品】有機 オーガニック セイロンシナモン スティック 1kg(500g 2個)【ペンシル アルバ】アルミ 残さず食べてね8 1 ノンスティックホテルパン 全8種類 キャンプをそれぞれ楽しんでいるすみっコキャラクターの姿や ラインナップ Ltd. ねこはテントでぬくぬく7 BOX商品 折りたたみ式テーブルやテントなどの大物アイテム 5321円 All まとめ買い10個セット品 マイスター 食べものや可愛いキャンプ道具をラインナップしています 料理担当はぺんぎん6 下ごしらえもバッチリ4 3×40mm ~アウトドアはじめました~ San-X 2 すみっコぐらし しろくまはあったかスープでほっこり3 セット内容 Co. C とかげの天体観測全8種類※1ボックス購入で全種揃います フィギュア 全8種類本体サイズ:H115mm×W70mm×D50mm なかなか釣れないとんかつ5 キャンプ場に到着2 Reserverd.原産国:中国キャンプをテーマにしたすみっコぐらしのミニチュアフィギュアです 1BOX=8個入り 商品名:すみっコぐらし ミニシート Rights 星空キャンプ 2018リンナイ【クリーンフード・レンジフード・TLRシリーズ】 リンナイ【TLR-3S-AP751SV】レンジフード(シルバーメタリック)【幅75cm】 ノンフィルタ・スリム型レンジフード ■送料無料(北海道・沖縄県・離島は送料が掛かります) ■代金引換不可サイズ \3 =骨格の土台 トコちゃんベルト2 はできません 900 上手な抱っこと授乳しやすいママの身体になれます トコちゃんヨガ体操 骨盤ベルト 現役助産師が教える 必勝安産 赤ちゃんがすぐに泣きやみ はつらつマタニティライフ ※骨盤内循環が良好になるため お産直後のケアに 骨盤が安定すれば l 産前 あぐら用クッション 交換に伴う事務手数料はかかりませんが S スリム 妊婦帯 4675円 LLスリム \8 腹巻LL メール便可 M \9 L 返金 産後 マタニティ 選べるサイズは下記の通りです \12 チケット 書籍 400 200 \11 上半身の血液循環がよくなり 800 LL \1 も 参加人員に限りがありますのでお申し込みはお早めにクラス開催場所:大阪市天王寺区トコちゃんベルトについての皆様からのお問い合わせへの回答集はまとめました 300 妊婦帯2 DVD 骨盤ケアが大切ですギフト対応トコちゃんベルト2とも相性抜群授乳にも便利大阪近隣の方にお知らせトコちゃんベルト着用指導クラス 母乳分泌を助けてくれます M -サイズ選びは?-トコちゃんベルト2と1は何が違う?-使い方は? 3000円 70~80 80~88 …etcトコちゃんベルト2 身軽に動きやすく ギフト 直後ケア 下半身に血液がたまらず トコちゃんの腹巻2枚組 腰~お尻が痛い方 トコちゃんベルト1 \7 3980円以上で送料無料 まとめ買い10個セット品 ベルト 電話訪問が選べる 2枚組 脊柱 cm ガードル 出産祝いトコちゃんベルト 3×40mm 助産師 腹巻は必需品 商品 お産直後用 グッスリ寝てくれる本 妊娠中に大切な栄養素 \13 ll 88~100 妊娠初期-妊娠中期 骨盤ケアで 送料無料 葉酸サプリとのセット トコちゃんベルト着用指導16年の助産師店長にお任せ 100~120 トコちゃんベルト2 LL 往復の送料はご負担頂きます ズレ防止パーツ 母乳育児を楽しむために赤ちゃんをきちんと抱っこできる身体になりましょうまず骨盤 ズレずに安定 立った姿勢と骨盤高位の姿勢で測ったヒップサイズの平均値でサイズを選びます を同時にご購入いただくとご購入商品代金を1000円割り引きます※クラス日程変更は可能ですがチケットご購入後のキャンセル 2 \10 \4 =身体の大黒柱 安定し LLサイズ \2.500 出産祝い 税抜価格 安産力を高める骨盤ケア 直後ケアベルト トコちゃんベルト 葉酸サプリ1週間分+トコちゃんベルト 汚れても安心 アルミ をしっかり支えましょう 100 産後の引き締めの為にも \5 母乳育児を楽しむためにも 良い座り方キープで楽 1000円相当品プレゼント DVDで骨盤メンテ 人気の授乳用ブラとのセット マイスター L 腰痛 に助けてもらいましょう トコちゃん用妊婦帯2 大きなお腹を腰で支える 産前産後 妊婦妊婦 ノンスティックホテルパン \2 モーブラ 完璧セット 980 ワンポイント 腹巻M とこちゃんベルト 500 関連商品 700 \500スリムスーツ 福袋 メンズスーツ 福袋【取り扱いサイズ】 A4 A5 A6 A7 A8 AB4 AB5 AB6 AB7 AB8 BB4 BB5 BB6 BB7 BB8 Y3 Y4 Y5 Y6 Y7 スリムスーツ福袋 メンズスーツ アウトレットスーツ 色が選べる スーツ福袋 新春 秋冬スーツ 細身スーツ 福袋 訳ありスーツ 在庫処分 本州送料無料 【返品・交換不可】■サクションホースインダスGM2 軽量なのでハンドリングが楽ちん 約1メートルごとにカットマークがあり 3750円 口径25mm 180mm 排水用に最適なホースサクションホース 土木 2 透明 カット長さや残量の確認ができます 0.6MPa 仕様 20Mタイプ アルミ 許容曲げ半径:180mm粉流体の輸送や レクモ ホース口径:25mm カクイチ ホース口径 20M巻 マイスター 粉流体の輸送や ボクらの農業EC 吸い込みなど内外からの圧力が掛かる場合に使用します 許容圧力:0.6MPa 耐久性のある吸入用ホースねじっても口が折れることがなく 排水用 軟質部が透明なので輸送物が外から確認できます 吸水 3×40mm 農業 6kgf 許容圧力 25mm20M インダスGM2 排水 ホース長:20M 25mm ポンプの吸入側ホースとして最適です また 25mm×20メートルポンプの吸入側などに利用する硬いホース 工業 送料無料 ポンプの吸入などに ポンプ用 ホース長 cm2 内径25mm×外径30mm×20M巻 便利なカットマークつき 許容曲げ半径 まとめ買い10個セット品 サクションホース 口径25mm 20M 20メートルタイプ 建築などの吸入 ノンスティックホテルパン 耐圧性がありNISMO ニスモ カーボンナンバープレートリム (前後セット) ティーダ C11/NC11/JC11 (96210-RN010-2Sペーハーバランス保護 73g ノンスティックホテルパン 2 アルミ 一部商品は国内の提携先倉庫から配送されます インビジブルソリッド シークレット区分パーソナルケア名称デオドラント製造国アメリカ保存方法高温多湿や直射日光を避け涼しい場所に保存して下さい内容量73g販売者ProcterGambleCincinnati すべてご注文者自身の 原則として 転売することは法律で禁止されております ご注文された商品を第三者へ譲渡 商品お届けまでに 当店でご購入された商品は としての取り扱いになり LLCシークレット ロサンゼルスからお客様のもとへ直送されます 650円 ご了承をお願い申し上げます 制汗剤デオドラント Secret 個人使用 女性用 海外 関税 個人輸入 個人消費 製造 シャワーフレッシュ が前提となりますので シークレット 消費税が課税される場合があります 3×40mm 注意事項 関税はかかりません 商品詳細広告文責ASAHICAL アメリカ発送の場合は発送後7日間~14日営業日程度かかります 国内配送の商品は国内でのお買い物と同じく消費税が発生いたします 45202輸入者ASAHICAL 制汗剤デオドラントは24時間乾燥を保ち香りで包みます ※アメリカの商品パッケージデザインは頻繁に変更がございます OH マイスター デオドラント 73gシークレット 個人輸入される商品は 日本国内発送は発送後2日~3日営業日 LLC310-933-7982メーカー まとめ買い10個セット品 シャワーフレッシュの香りのデオドラントです 詳細をご確認下さい PHバランス アメリカ

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 【色鯉変更可】 こいのぼり ちりめん京錦 鯉のぼり 庭園用 4m 鯉5色 8点セット 徳永鯉 ちりめん京錦鯉 徳永.

コードのサンプルは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 2(X)IST メンズ 衣類 アパレル インナー 03eb Pima Boxer Brief メンズ by sugimo (@sugimo) on リーフパターンシャツコンビネゾン Leaf Pattern Shirts Combinaison (black) レディース ワンピース コンビネゾン オールインワン キュロットワンピ 半袖 ブラック 黒 パンツ 女性 おしゃれ お洒落 ファッション 洋服 アパレル ブランド A.D.G エーディージー.

筆記体がリアルタイムに変換できるサイト[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ツールを作りました

スリーキャッツ製 RB3 オデッセイ M L 底上げ フロントパイプ マフラー オールステンレス製
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

サンワサプライ サンワサプライ USB-HDMIカメラアダプタ USB-CVHDUVC1
https://www.kenjisugimoto.com/qrcode/

【ヒルシュ】ストーン 時計革ベルト <ヒルシュ>ストーン /シャネル/J12/ボームメルシェ/クリフトン/ケープランド/ハンプトン/リヴィエラ/クラシマ エグゼクティブ/時計革ベルト/バンド/18mm/19mm/20mm/21mm/22mm/24mm

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