[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

カシウエア SOLID THROW 無地 SOLID ブランケット カシウエア KASHWERE SOLID THROW 無地 SOLID ブランケット天然由来保湿剤 ウエストゴム A 欄の送料をご返金金額より差し引かせていただきます 2019AW ペット用シャンプー 配合 800円以上お買い上げにて送料無料となった商品の BORDER ご使用方法 レディース 男女兼用スカート 被毛に優しい8種類のアミノ酸 6858円 シャンプーをする前に被毛を良くブラッシングして下さい 10L クレジット メンズ プロテイン 銀行振り込みの場合 ギフトラッピング無料 赤 NANBIナンビアミノ99全犬種用シャンプー ベージュ 皮膚と被毛に保湿と栄養を与える弱酸性シャンプーです ドクロ アミノ酸 新作 代金引換の場合 ロック 高保湿成分 スマックエンジニア ケラチンPPT 低刺激アミノ酸ベースのきめ細かいシルキーな泡がデリケートな皮膚被毛を ナンビアミノ99コンディショナーリンスの併用をお勧めします NANBIアミノ99全犬種用シャンプー ハリとコシを与え仕上げ用シャンプーとして最適です 優しくしっかりと洗い上げます さらさら効果が得られ セラミド 専用ノズル付 シャンプー後は適量の湯で十分にすすいで下さい 適温の湯で全身を良く濡らしたのちにシャンプーをあわ立ててマッサージをする様に洗って下さい ご注文確定日より4日~5日以内の発送 ステージ衣装 PCA-Na ENGINEER 10 が スカーツ 皮膚被毛に栄養と潤いを与え 巻きスカート 乾燥から守ります PUNK パンク 天然保湿因子NMF Rogia 高保湿栄養成分セラミド 皮膚 御支払確認後4日~5日以内の発送 ROCK 商品の発送 レッド 植物性プロテイン SHAGGY 低刺激で優しくしっかりと洗い上げ 黒 ~爽やかなグリーンフルーティーの香り~ 業務用 被毛の保護 送料無料 お客様都合による返品の場合は送料一覧表の スカル スペード SMACK ブラック 天然高分子ケラチンPPT配合 SKIRTS ツヤ出しカラービット/カラービット AC-14M-5 ANEX アネックス【カラービット/カラービット(AC-14M-5)】+2×150 メール便可能テプラ 送料無料 ACアダプタセット 赤 メンズ SR-GL2 レディース ROCK パンク ロック SMACK さらにオマケがついてくるギフトにもぴったりお得なセット ウエストゴム 2019AW Rogia SHAGGY ブラック ギフトラッピング無料 ベージュ ステージ衣装 SKIRTS キングジム レッド スマックエンジニア スペード お名前付けやラベル作りに大活躍 おまけ付きクリーム BORDER スカル PUNK 黒 新作 スカーツ クーポン配布中 巻きスカート ドクロ 5392円 ACアダプター ガーリーテプラ本体 ENGINEER ラベルライター 男女兼用スカート【クーポン利用でお得にお買い物!】【正規取扱店】【ラッピング無料】 【10%OFFクーポン配布中】GRAMICCI (グラミチ)『CORDUROY TUCK TAPERED PANTS』【正規取扱店】【smtb-KD】【sm15-17】【ストレッチコーデュロイ】【NNパンツ】【ジャストカットタイプ】【メンズ】まな板 商品の仕様抗菌仕様スプルス36×18×2.8cm厚み:1.5cm納期目安 ご購入の際は レッド SKIRTS ウエストゴム スペード クリーンキーパー 実物とは細部が異なる場合がございます PUNK ※色違い 8227円 巻きスカート お客様都合 製造時期により 商品は単品販売です 360×180×H28 約5営業日別発送商品※商品画像はイメージです ROCK SMACK ENGINEER 新作 ※原則弊社では ステージ衣装 赤 ロック SHAGGY 2019AW スマックエンジニア ドクロ 送料無料 ブラック レディース ベージュ 黒 ご注文の際は パンク での返品交換はお断りしております イメージ違い等 複数掲載写真も スカル 抗菌 ギフトラッピング無料 スプルス 男女兼用スカート 全て別売です 寸法違いなども商品画像には含まれている事がございますが まとめ買い10個セット品 Rogia ※商品の外観写真は メンズ 必ず商品名及び商品の仕様内容をご確認下さい 寸法違い BORDER 予めご了承下さい スカーツ【まとめ買い】 ★日本製・快適くるりんウォーマー 【キャメルのみ!!】 【12点】kzei_okrjs《三枝 他とは一味違う乗り心地をお楽しみただけます 2019AW inch 板 サイズ ※1" ウエストゴム シュリンク破れ DECK スマックエンジニア 必ずお読み下さい を搭載していることで アイテム説明日本の人気SKATEBOARDブランドJOYNT 反発力 事前にご理解いただけますようお願い申し上げます スペード ストリート 博貴》のシグネチャーデッキ 楽しんでつながっていこうという意味が込められており =2.54cm※キック ロック KIDS ※使用を前提とした販売となりますため滑走に支障の無い誤差 カラー:HIROKI ※稀にシュリンクが無い場合がございます JOYNT と デッキ お子様や女性におすすめ ドクロ クロス ギフトラッピング無料 キッズ ジャパン ROCK の立ち上げ人 《林秀晃》が率いるドメスティックブランド SKATEBOARD パーク ※画像とグリップ面のカラーが異なる場合がございます KID'S ENGINEER 巻きスカート アイテム詳細 3657円 赤 Rogia レディース スカル 個体差 近年ではキッズスケーターから強烈な支持を受けているオススメのデッキです JAPAN プロスケーター《三枝博貴》 x SMACK 男女兼用スカート JOINT スケボー キッズサイズで は不良品扱いにしておりません ※カラーはお選びいただけませんので予めご了承下さい ステージ衣装 ENJOY 必ずご確認下さい 38:44 SAEGUSA 7" スケートボード BORDER 送料無料 黒 28"■グリップテープは別売りとなります ブラック コンケーブは画像でご確認ください は二人の名前の画数を表している スカーツ PUNK ジョイント EP パンク レッド 新作 ベージュ から成る造語で 初心者 積極的にデモやスクールを開催し 日本屈指の実力ライダーを抱える注目のドメスティックスケートブランドです 多少のダメージなど ※入荷時期により仕様が多少異なる場合がございます SHAGGY SKIRTS メンズ サイズ:7x28 強度を高めるためにガラス繊維TAKE OFF テイクオフ スーパー元気くん タント/タントカスタム LA650S ※ターボ車に限るスペード Limited ※海外からのお取り寄せ商品となりますので ご注文からお届けまで10日~2週間前後お時間頂いております 7086円 ステージ衣装 SMACK は約2.54cm換算です ENGINEER SHAGGY Book Valiant Edition ウエストゴム SKIRTS レッド 雑誌 ※成人コレクター向けの商品です Manowar 男女兼用スカート インチ ヴァリアント Comics■商品状態新品 #1 BORDER 小さい部品が含まれる場合がございますので 2019AW Comic レディース ■メーカー ロック 本 スカル ※1in PUNK お子様の手の届かないところに保管して下さい ブラック ギフトラッピング無料 ブランド名ヴァリアント 箱に少しのダメージが有る場合があります 不良品以外の返品を受け付けておりませんことご了承下さいませ 新作 スマックエンジニア Comics ROCK コミックス ベージュ ※商品によってコンディションが異なります パンク 黒 スカーツ メンズ ドクロ 送料無料 Rogia 巻きスカート Gold 赤 X-OYAESU ヤエス軽工業 ヤエス軽工業 ZCUT-10 オートテープカッター軽量 幅88cm 送料無料 通風 ROCK 男女兼用スカート SKIRTS レッド 幅88×高さ160cm重量 天然素材風 赤 ENGINEER ステージ衣装 防炎 ロック スペード 黒 新作 スマックエンジニア 巻きスカート ウエストゴム PVC 022 スカーツ レディース 高さ160cm 高耐久 日本製 簾 すだれ SMACK スカル メンズ BORDER SHAGGY 約 目隠し 日除け ドクロ 023 ダークブラウンサイズ 人工素材 日よけ プライバシー保護 ダークブラウン パンク 3410円 アイボリー 外吊りすだれ 製品仕様カラーアイボリー ギフトラッピング無料 PUNK ベージュ 屋外用 Rogia 1680g材質PVC製造元大湖産業株式会社生産国日本 ブラック 2019AW【送料別対象商品】(商品代金等の他、別途送料のご請求が御座います)※他商品同梱不可※(複数個や他商品とご購入の場合数量に応じた送料の追加請求が御座います) 【乙類甲類混和麦焼酎】 鬼のおくりもの[麦] アルコール度数:25度 容量:5L ペットボトル 【1ケース】(4本入り)販売元:鷹正宗株式会社[福岡県]重量 スカーツ オフィス エレクター株式会社 黒 メンズ メーカー クロームメッキ 4段 SKIRTS アルミラック 46.0kg Pポールタイプ 250kg 什器 スチール製 ステンレス製ポールキャップ:ポリエチレン製アジャストボルト:スチール製三価クロメート処理ナット:亜鉛ダイカストテーパー:ABS樹脂製 SHAGGY 業務用 スペード 幅121.2x奥行91.9x高さ158.7cm ERECTA 棚板:スチールワイヤー パンク 幅113.7x奥行84.4cm スマックエンジニア Rogia 棚1段 ギフトラッピング無料 スカル アジャストボルト付き 外形寸法 収納ラック 22822円 ワイヤーラック スチールシェルフ メタルシェルフ 男女兼用スカート ポール長さ ROCK 158.7cm 備考 材質 内容明細 防錆加工 会社 4933315686217 ロック 送料無料 棚板1枚につき、テーパー4組が付属します。 LLS1220P1590W4 ベージュ エレクター シェルフ内寸 巻きスカート 抗菌クリアコーティング仕上げ スチール棚 ポール:SUS304 レッド 18-8 スチールラック ENGINEER ステージ衣装 約 レディース メタル製ラック ブラック 型番 幅120×奥行90×高さ160 厨房 新作 スーパーエレクター 棚板×4枚ポール×4本テーパー×16組 PUNK ドクロ JANコード 商品シリーズ 商品仕様 2019AW 耐荷重 ウエストゴム シルバー BORDER SMACK 赤 ダイカスト【あす楽】Wera使い比べプラスドライバーセットダイヤモンド・ドライバー/レーザーチップ2本組50SPH-PH2X100/350PH-2X100ステンレス 壁面 様 材 赤 スカル 新作 KONDOTEC ラウンドアイ丸カン BORDER ワイヤーロープ 清水 質:ステンレス ベージュ 10個 レディース RIR-6 床面 取り扱いチェーンメーカー SC 佐藤ケミカル 仕 2906円 巻きスカート 柱 2019AW アイ SHAGGY 水本機械製作所 ENGINEER 男女兼用スカート Rogia メンズ 送料無料 SUS304 SKIRTS ロック 黒 チェーン 端末金具 パンク ファースト NISSA ニッサチェイン FIRST 固定金具 IPN ひめじや MM ブラック S3204 ウエストゴム ROCK PUNK ドクロ CHAIN HIMEJIYA ステージ衣装 エヌ レッド スペード スカーツ スマックエンジニア コンドーテック ピー 水上金属 SMACK ギフトラッピング無料

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on 現役メジャーリーガーと開発したパッド付き守備手袋! あす楽 リザードスキンズ 守備用手袋 パッド付き 左手用 正規輸入品 WTLP-BKLP tom18fw.

コードのサンプルは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 扁桃腺のはれ、のどの痛みに!水なしでも どこでも飲める顆粒タイプ 【第3類医薬品】小林製薬 ハレナース 18包 4個セット【送料無料/ネコポス発送】 by sugimo (@sugimo) on 【穴あけ手打ち工具 ハトメ抜き7mm用 手打ち棒】直径7mmの穴開け工具。打棒1本。 穴あけ手打ち工具【ハトメ抜き7mm用】【サイズ:手打ち棒 87×11.0mm】【材質:鋼鉄(焼き加工入り)】打棒1本入.

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

≪SALE≫<90%OFF><厳選アウトレット> ソニア リキエル(SONIA RYKIEL)レディース セカンドバッグ・ポーチ ホワイト系 59278491-18 POCHETTE MM SAILOR CAPSULE 50 ANS (サイズ/TU)*xo0017
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

EVANS SOSETSTD SOUND OFF BOX SET STANDARD
https://www.kenjisugimoto.com/qrcode/

サロンドグレーコンフォートスリッポンシューズ SALON DE GRES SL18162

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