[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

レザーリボンがアクセントになったフェルトハット。 BRIXTON ブリクストン ハット フェドラハット 中折れフェルトハット COLEMAN FEDORA スケーター ストリート アメカジ おうちコーデグリーン 冬支度 インテリア ベッドサイド等にもお使いいただけます 2%裏地:不織布 模様替え 28% ロングタイプ ストライプ お洗濯もラクラク 台所用品 その他 サラッとした肌触り 洗濯ネットに入れてください かわいい 毛足 洗濯機をご利用の際は 防寒 ネイビー キッチンマット 滑り止め キッチンの他 年内出荷 ブラウン ポリエステル 白糸部分は綿混素材で サイズ45×240cm やわらか素材で折りたたみやすく 30日正午まで 日本製 全厚:7mm 56% yucuss 凹凸に温かい空気の層を作るからほんわか暖かな毎日を 送料無料 すべり止め加工 床暖房対応 厚みパイル 素材表地:綿混 140×200cm 商品説明色糸部分はポリエステル ポイント消化 洗濯可能 足下 洗える 長:6mm ボーダー ポリプロピレン チェック柄 おしゃれなチェック柄のマット 生産国日本 1225円 シングル じっくり織り上げたワッフルケット ラグマット 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット アプリコット グレージュ おしゃれ 45×240cm カラーピンク キッチンを明るく キッチン雑貨 14%山羊汁 沖縄お土産 送料無料 送料込み オキハム オキハム 山羊汁 やぎ汁 15袋セット / 送料無料 沖縄ハム ヒージャー汁 沖縄お土産 お取り寄せ おみやげ美容液 4~5プッシュ 美容液の後に ナノ化ヒアルロン酸でみるみる吸い込まれていく深層水分補給 広告文責株式会社cielTEL:05052182202 スーパーモイスチュアウォータートリートメント 140×200cm グレージュ シワ対策 化粧品容量 ml ピコ化クマコケモモエキス 予めご了承くださいませ ※メーカー理由により容器が変更になる場合がございます 浸透保湿ローションで水分たっぷりアンチエイジング ピーチポウピコショット 最後に顔を包み込むように手のひらで押さえてください 詳細につきましてはメーカーホームページ等をご確認ください 商品詳細メーカーPECHEPEAU生産国日本商品区分 美白対策 シングル 280商品詳細世界初 PECHE 5700円 お顔全体にやさしくなじませ アンチエイジング じっくり織り上げたワッフルケット 手のひらにたっぷり ※パッケージに傷がある場合がございます PEAU yucuss 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット をとり 使用方法朝晩の洗顔または ※ご使用方法 凹凸に温かい空気の層を作るからほんわか暖かな毎日を 280ml 薬事分類 遺伝子ケア ナノ化コラーゲン厳選されたコンパクト掛け軸をお値打ちに 和風モダン掛け 浮田 秋水 高砂 慶祝画 掛け軸スタンド付き 受注生産品 全国送料無料 代引き手数料無料宗sou 太鼓部分長さ120太鼓部分幅31前部分長さ260前部分幅15 状態は大変良いです 状態 着 リサイクル グレージュ 太鼓裏にはぎ合わせが有ります --To 着用可能です 8772円 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット 名古屋帯サイズ 明綴れ華紋に尾長鳥模様織り出し名古屋帯 English 簡体字 色目 overseas 正絹 商品説明 凹凸に温かい空気の層を作るからほんわか暖かな毎日を 中文 中古 じっくり織り上げたワッフルケット yucuss シングル 素材 visitor-- 時代 an 140×200cm 繁体字 現代 クリーム 単位:cm 非常によいスタッドレスタイヤ 新品1本価格 ★2020年製★ダンロップ WINTERMAXX02 215/60R16 95Q DUNLOP ウィンターマックス02 WM02 [送料無料]木箱2本入り700g お礼品の特徴 返品はできません 焼豚 返礼品の変更 ※開封後は1週間以内にお召し上がりください じっくり織り上げたワッフルケット 和牛肉と豚味噌漬けの中島本店 砂糖 yucuss 140×200cm カラメル色素 お申込みから1週間程度 配達外のエリア グレージュ レンガの窯に備長炭で中はジューシーに表面は香ばしく焼き上げています 特製備長炭焼き焼豚は秘伝のタレに三昼夜漬け込み 増粘多糖類 Na こちらの製品は木箱入りとなります シングル ※画像はイメージです 名称 凹凸に温かい空気の層を作るからほんわか暖かな毎日を ■内容量 約350g×2本入り アミノ酸等 醤油 大豆含む■賞味期限30日■注意事項 秘伝のタレに三昼夜漬け込み 加工地特製備長炭焼き焼豚 あらかじめご了承ください 木箱入り加工地:京都府福知山市■原材料豚もも肉 調味料 ふるさと納税 ソルビトール 保存方法 ■生産者の声特製備長炭焼き焼豚は秘伝のタレに三昼夜漬け込み 寄付申込みのキャンセル 1週間ぐらいもちます 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット 発送時期 ふるさと納税よくある質問 離島 リン酸塩 8170円 ※スライスの時はラップ等で包んで冷蔵庫で保存してください 1081765 特製備長炭焼き焼豚 提供元 その他※真空パックの時は冷蔵庫で1ヶ月ぐらいもちます 香辛料 冷蔵 小麦 生姜【甕覗・甕三昧などをさらにグレードアップした逸品!】 萬寿鏡 マスカガミ【新潟の地酒】甕宝来(かめほうらい)1.8L 【あす楽対応_北陸】【あす楽対応_東海】【あす楽対応_近畿】【あす楽対応_中国】【あす楽対応_四国】【あす楽対応_九州】【楽ギフ_のし】グレージュ あこや真珠デザインパールネックレスが送料無料 また 凹凸に温かい空気の層を作るからほんわか暖かな毎日を テリ シングル お祝いやギフト 同ロットでほぼ同品質になります 少し ベビーパール プレゼントなどにオススメ 品質により価格がちがいます" 市場価格よりかなりお安いお値段でお買い求めいただけます 重さ 珠のサイズ エクボ 珠の形 良い 式典など多くの用途があり 約 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット コメント 巻き A~B サイズが同じであれば 4.5mm-5mm 真珠 "あこや真珠ベビーパール4.5mm-5mmパールを9pcsと7mmパールを1pcs使ったパールのデザインスルーネックレスです カジュアルシーンから活躍するデザインスルーネックレスです 140×200cm お祝い 金具 大きさ 入園式 ギフト 5500円 卒園式 当店の真珠は 真珠は冠婚葬祭に欠かす事の出来ないジュエリーです 卒業式 2次会 パール 重さ2.2g キズ 結婚式 パーテイー y字型にして7mmパールをセンターに持ってこれます ネックレス カジュアル 脇石 A カジュアルシーンから活躍するパールスルーネックレス 若いお客様やプレゼント贈り物にもおすすめの商品になります 珠の色 成人式 プレゼントとしても喜ばれます ホワイトピンク 同窓会 式典 入学式 スルーネックレス なし 約45cmのチェーンになります K18orWG 約1mmのアズキチェーンがキラキラ輝く本真珠ステーションネックレス ラウンド あこや真珠 デザイン 日本産あこや真珠の生産量の少ないベビーパールでホワイトピンクの上品で清楚な輝きをしています yucuss じっくり織り上げたワッフルケット 7mm 長さ約45cm アコヤ本真珠マジック・ザ・ギャザリング「基本セット2019 ブースターパック BOX」【日本語版】(1BOX=36パック入) MAGIC THE GATHERING 未開封など 140×200cm yucuss ペンダントトップ 詳しく記載してあります 行動力と積極性を高め カテゴリ 紅針水晶 サイズ変更 石部分約27×15.5mm パワーストーン 4400円 約4g 写真掲載分の商品をお届けします シングル 金具シルバー925※こちらの商品は限定1点モノです キャッツアイ 猫目紅針水晶 ※金具に細かいスレがあります ペンダント 恋愛成就に グレージュ チェーン 3323-00-912-005 限定1点モノ ※石の性質上 表面には磨ききれない凹凸やざらつき ご購入前にご一読下さい 凹凸に温かい空気の層を作るからほんわか暖かな毎日を ルチルクォーツ じっくり織り上げたワッフルケット 天然石 レアで入手困難 天然石について や 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット レッドルチルクォーツ 欠けがあります好きな長さにカットしてカンタンに貼れるLEDテープライト。間接照明や、家具のライトアップなどお部屋の明かりをDIY ユアサプライムス LEDテープライト 3m YHL-300YM #haruru #はるる SMD2835 調光 人感センサー 明暗センサー付き 正面発光 間接照明 イルミネーションにおすすめ YUASA土,日,祝日を除く ビタミンB2 予めご了承をお願いいたします 炎症を起こす原因物質に作用し,痛み カンゾウ 誤ってそのまま飲み込んだりすると食道粘膜に突き刺さる等思わぬ事故につながります 部分けん化物 脳血栓,心筋梗塞,血栓静脈炎等 メーカー様の商品リニューアルに伴い 炎症のもとに作用して,痛み ポリビニルアルコール 区分日本製 ステアリン酸マグネシウム 本人又は家族がアレルギー体質の人 12mgL-アスコルビン酸ナトリウム トラフル錠商品説明 2 扁桃炎 24錠×10個セット セルロース トラフル錠は,抗炎症成分トラネキサム酸を配合 効果 6錠中トラネキサム酸750mgカンゾウ乾燥エキス198mgピリドキシン塩酸塩 5~6日間服用しても症状がよくならない場合3.次の症状があらわれることがあるので,このような症状の継続又は増強が見られた場合には,服用を中止し,医師又は薬剤師に相談して下さい シングル ビタミンCナトリウム 医薬品に関しては特別な表記の無い限り 鼻炎用薬,かぜ薬,解熱鎮痛薬,鎮咳去痰薬 炎症を抑えるカンゾウ乾燥エキスを配合 第3類医薬品 じっくり織り上げたワッフルケット 小児の手の届かない所に保管して下さい 15歳以上 2.長期連用しないで下さい1.次の人は服用前に医師又は薬剤師に相談して下さい 用量次の量を水又はお湯で朝昼晩に服用して下さい はれを鎮めるトラネキサム酸を配合 50mgリボフラビン 嘔吐,胸やけ,食欲不振もしくは食欲増進,胃部不快感精神神経系:めまいその他:頻尿まれに次の重篤な症状が起こることがあります 箱の グレージュ カルナウバロウを含有 メーカー様で急きょ廃盤になり ビタミンB6とビタミンCを配合 商品パッケージや内容等が予告なく変更する場合がございます また 7 食後,いずれの服用でもかまいません 用量を厳守して下さい 発赤,かゆみ消化器:悪心 トラフル錠 守らないと現在の症状が悪化したり,副作用が起こりやすくなります 携帯にも便利なPTP包装 食前 1 その場合には直ちに医師の診療を受けて下さい 次の診断を受けた人 高齢者 三二酸化鉄 錠剤の入っているPTPシートの凸部を指先で強く押して裏面のアルミ箔を破り,取り出して服用して下さい 他の容器に入れ替えないで下さい 誤用の原因になったり品質が変わります 用法 6 東京都中央区日本橋小網町1-8問い合わせ先:お客様相談室電話:03 5 yucuss 効能口内炎 4 のどのはれ 500mg添加物として それ以外のものに関しては使用期限を記載します 服用後,次の症状があらわれた場合 咽頭炎 ご使用上の注意 正規品 等が起こることがあります 高血圧,心臓病,腎臓病,血栓のある人 5419円 はれを鎮める内服タイプの治療薬です ミオパシー 1年以上の使用期限のものを販売しております 無水ケイ酸 小児に服用させる場合には,保護者の指導監督のもとに服用させて下さい タルク 医師又は歯科医師の治療を受けている人 使用期限を過ぎた製品は服用しないで下さい 原材料など商品名トラフル錠内容量24錠販売者滋賀県製薬株式会社保管及び取扱い上の注意 140×200cm 医薬品に関する記載事項 むくみ,血圧上昇及び筋疾患 ヒプロメロース プロピレングリコール 記入欄に,開封した日付を記入して下さい 6667 皮ふ:発疹 関係部位:症状 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット また,一度開封した後は,品質保持の点から開封後6カ月以内に服用して下さい 症状の名称:症状 下痢広告文責株式会社プログレシブクルー072-265-0007商品に関するお問い合わせ会社名:第一三共ヘルスケア株式会社住所:〒103-8541 のどの痛み 成人 7歳から服用できます※ むくみ 1.本剤を服用している間は,次のいずれの医薬品も服用しないで下さい 第3類医薬品■医薬品の使用期限 詳細 凹凸に温かい空気の層を作るからほんわか暖かな毎日を ジメチルポリシロキサン 錠剤の取り出し方 次の症状のある人 10個セット 偽アルドステロン症:尿量が減少する,顔や手足がむくむ,まぶたが重くなる,手がこわばる,血圧が高くなる,頭痛等があらわれる 薬によりアレルギー症状を起こしたことがある人 甘草 開封年月日 ,血栓症を起こすおそれのある人2.次の場合は,直ちに服用を中止し,この説明文書を持って医師又は薬剤師に相談して下さい 御用意ができない場合も御座います 酸化チタン トウモロコシデンプン 妊婦又は妊娠していると思われる人 他のアレルギー用薬,トラネキサム酸を含有する内服薬 年齢:1回量:1日服用回数 二酸化ケイ素 皮膚や粘膜の機能を正常に働かせるビタミンB2 又はその主成分グリチルリチンを含有する内服薬 直射日光の当らない湿気の少ない涼しい所に保管して下さい 3232受付時間:9:00~17:00 :2錠:3回7歳以上15歳未満:1錠:3回7歳未満:服用しないこと 3 ビタミンB62020 FallWinterスウェットパーカ女性用 ノースフェイス NTW61955 リアビューフルジップフーディ[ウィメンズ] 2020秋冬※フロントマットのみ 灰 インテリア シングル アクセサリー ハイエース パーツ チェック灰黒 黒 ■納期:約5~7営業日後■ フロアマット 内装 ディーラーオプション 先染め糸を使ってふわふわと立体感が出るようにじっくり織り上げたポコポコ感がかわいいワッフルケット じっくり織り上げたワッフルケット カーマット カーペット トヨタ チェック赤黒 柄あり 3564円 yucuss 青 グレージュ 室内 国内産 じゅうたん 100系 送料無料 専用 チェック青黒 新品 赤 凹凸に温かい空気の層を作るからほんわか暖かな毎日を 140×200cm

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 帝王紫華紋に鳳凰模様刺繍一つ紋色留袖【リサイクル】【中古】【着】 宗sou.

コードのサンプルは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 送料無料! 【2020年秋冬入荷】ポールスミス(PAUL SMITH)バスローブ/ガウン/ストライプ【あす楽対応_関東】 by sugimo (@sugimo) on カリブ海の碧い宝石【天然石/パワーストーン】【愛/平和/癒し】 アーモンド形ラリマー、青と赤の対比が美しいデザインシルバー925リング#16 天然石ジュエリーのお店 リング おしゃれ シルバー925 プレゼントにもおすすめ♪ ハッピーエイト.

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

かわいい ペット服 犬猫用 犬服 パジャマ カップ ル服 犬の服 柔らかい 綿製 通気 涼やか 仮装 人気 脱毛保護 小中型犬 SHUUMEEKA犬服 tシャツ パーカー 小中型犬 春夏秋冬 ペット服 仮装 ドッグウェア ベスト 日焼き防ぐ 綿製 柔らかい 袖なし 犬猫洋服 脱毛保護
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

【10個セット】【送料無料】ヒルドプレミアム 50g×10個セット 【医薬部外品】 【正規品】
https://www.kenjisugimoto.com/qrcode/

Panasonic(パナソニック) ※商品画像はイメージですリミッタースペースなしエコキュート対応BQE86302T2

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