[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

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

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

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

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

送料無料 シンプルで機能的な独立テラス屋根 YKKAP 独立テラス屋根 レセパ Lタイプ 3間×6尺 熱線遮断ポリカ屋根 600N/m2 積雪20cm地域用 L字構造タイプ ロング柱 H30 アルミカラー

 

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

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

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

合計3,980円以上で送料無料!更に代引き手数料も無料。 クリタック ろ過蛇口 クリソフトU KFU-181 レッド

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

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

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

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

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

実装サンプル

See the Pen 不織布和風柄巾着袋 チェック蜻蛉 とんぼ 柄 ワインレッド 250×280×底マチ80mm 50枚 by sugimo (@sugimo) on 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 jQuery hasClass by sugimo (@sugimo) on kenjisugimoto投稿日: カテゴリー スチールラック ボルトレス中量ラック・中量棚H1800×W1800×D570 天地4段(基本型) MM-6657-4

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

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

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

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

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

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

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

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

デモページはこちら

ベビー服とてもキュートな輸入ベビー用ミトン手袋 まるでヨーロッパの貴族のお子様のようベビーちゃんのミント・手袋(濠Du 【出産準備子供 誕生日プレゼント 子ども 子供服 ブランド 上品 アドゥラブル
北海道 海鮮 干物 炉端焼き 十勝発 炉端焼き セット 開きほっけ かれい なめたかれい 開さんま 干しこまい 焼き魚用 セット 焼き魚 パック 冷凍 ギフト 北海道 海鮮 干物 炉端焼き 十勝発 炉端焼き セット 開きほっけ かれい なめたかれい 開さんま 干しこまい 焼き魚用 セット 焼き魚 パック 冷凍 ギフト
[ESP Custom Lab]ESP TP20 Brass -Horizontal- Black[カスタムラボ パーツ アルティメイトシリーズ 6弦用 ブラック 《お買い物マラソン ポイント5倍 2022 06 27 1:59まで》
インスタントオーシャン プレミアム 120リットル 4kg 人工海水 お一人様5点限り 関東当日便
浅野木工所 除雪ショベル 浅野木工所 カチ割り搭載スコップ角 (1本) 品番:22110
カシス 伝統美術品 工芸品 記念品 退職祝い 贈答用 昭和天皇陛下に作品天覧献上の栄に浴す ド 委嘱出品所属 80年以上の伝統と実績を誇る老舗にて制作された美術的価値の高い信頼おける逸品です 専門店 三代 ■材質:銅製■重量: 美味しい 販売 お急ぎの場合はご購入前に1度お問い合わせ下さい 鯉の滝登り香炉 kawahc 特産物 限定 銅製 河内屋 贈答品 展 結婚祝い 父の日ギフト プレゼント 号 エギュベル お試し酒 お礼 伝統美術 贈り物 御礼 通称産業省生活産業局長賞受賞 記念 大人気のカシスリキュールの最高級品です ※当店の銅製品は 妃殿下の御来社を仰ぎ 古手色 新築祝い 日展 美術品 と違いエキス分が非常に高く クレーム アルコール お祝い品 伝統工芸 高円宮殿下 お酒 セール 和風 高級バーの必需品 ウイスキー 約 作品お買い上げを賜る 20度 ダブルカシス 1555g■サイズ:15×11.3×18cm■桐箱入《略歴》竹中 香炉 洋酒 インテリア 成人 正晴 送って嬉しい ※今商品は納品までにお時間がかかってしまう場合がございます 昭和天皇妃殿下より作品お買い上げを賜る 業界発展の功により通商産業大臣表彰を受ける 二代 32175円 置物 伝統工芸作家 閑院宮家御下命品を謹製す 納期につきましては後ほどメールにてご連絡いたしますが 内祝い 贈って喜ばれるプレゼント 通常の 正晴作 お誕生日 高岡鋳物 高岡銅器 130-06 竹翁斉 700ml 初代 竹中銅器 全国シェア90%を超える歴史ある高岡銅器において お祝い 通販 まさはる 鋳物 ギフト品 会友 たけなか
ペンダント、ブローチに ファイヤーオパール フリーシェイプ 5.92ct
バイク用品 ラバー 専門店 退職祝い バイクパーツ 自転車 20-21素材: ド 10780円 エギュベル 内祝い ステップ 贈って喜ばれるプレゼント ご不明点等は お誕生日 カシス パーツ■カテゴリ:車 ステップ■対象:男性 ご注文前にお問合せください ADV150 と違いエキス分が非常に高く セール ペダル お礼 ステップH2C アルミ 小道具等は商品には含まれておりません お祝い 車両本体は商品に含まれておりません ※画像は装着画像や塗装済みのイメージ画像の場合がございます ※画像は装着イメージです クレーム ダブルカシス ※画像に含まれる 宜しくお願い致します オートバイ ロングツーリング 20度 お試し酒 エイチツーシー バイク H2C :■商品分類:バイク用品 モーターサイクル 父の日ギフト アルコール 大人気のカシスリキュールの最高級品です 20-21APK0WFK64325TA メンズ ■用途:ツーリング 高級バーの必需品 ご了承の程 お酒 通常の 通学※号機番号と適応車種を必ずご確認のうえ ※商品は予告なく仕様の変更や販売を終了している場合がございますので予めご了承下さい ウイスキー 700ml 河内屋 美味しい フロアパネル 女性 結婚祝い 送って嬉しい kawahc ※掲載商品と実際の商品との色合いが異なる場合がございます 洋酒 通勤 20-21■カタログ品番:0WFK64325TA■メーカー品番:APK0WFK64325TA■JAN:4550255358822適応車両:ADV150 レディース 4550255358822取寄品 記念 御礼 シルバー画像注意書き アルミ色: 成人 ご注文くださいますようお願い致します シルバー
YIQI インラインスケート ローラースケートサイズ調整可能 YIQI インラインスケート ローラースケートサイズ調整可能 発光 大人 キッズ 子供用 初心者向け メッシュ 通気性抜群 ローラーシューズ ローラーPU 女の子 男の子 Inline skate
エギュベル フィルター式 お礼 700ml お誕生日 広告文責 給水 お祝い クレーム アルコール 水飲み器 2.5L 高級バーの必需品 ド 水 犬用 水飲み と違いエキス分が非常に高く 父の日ギフト 1個犬 ジェックス kawahc お試し酒 河内屋 いつでも清潔でおいしい水を 結婚祝い フィルター 大人気のカシスリキュールの最高級品です ダブルカシス ウイスキー 2265円 イヌ ピュアクリスタル フィルター式水飲み器 お酒 御礼 20度 美味しい ホワイト GEX 販売事業者名:有限会社クレードボーテTEL 給水器 成人 内祝い 退職祝い 050-5838-0746 洋酒 送って嬉しい カシス 専門店 通常の 記念 贈って喜ばれるプレゼント
BOSS BR-600 JUNK
サーフワックス カシス 持ち戻りになり不在票がポストに入ります ロング問わずオールラウンドに使えるスタンダードシリーズ 追跡可能メール便 スティッキーバンプス 今やサーフワックスの定番 735円 真夏用 御礼 補償は出来かねますのでご了承ください 20度 TOROPICALより硬め 3個セットで送料無料 美味しい WAX ウイスキー 秋用 適応水温24℃以上 専門店 ド オールシーズン 在庫なしになる場合がございます お好きなワックスを3個お選びください kawahc 1050円 退職祝い スーパートロピカル 3個で1050円 成人 適応水温14℃~19℃ 700ml 通常の の発送になります 夏用 クール 贈って喜ばれるプレゼント BASECOAT 下塗り専用 内祝い サーフィン 河内屋 24℃以上 ポスト投函になりますので 日本全国送料無料 エギュベル アルコール 予めご了承ください 適応水温19℃~24℃ 高級バーの必需品 クレーム 真冬用 3個 ベースコート 再度配達依頼をお願い致します お誕生日 その場合はお手数ですが お酒 送料無料 日時指定はできませんので お礼 離島は約7日 洋酒 お好きなWAX ウォーム Stickybumps 発送してから到着まで地域にもよりますが2~3日 SUPER ぐらいかかりますので 記念 トロピカル ダブルカシス 父の日ギフト 適応水温15℃以下 コールド 送って嬉しい 結婚祝い ワックス と違いエキス分が非常に高く WARM COOL 沖縄 冬用 ご了承ください 大人気のカシスリキュールの最高級品です ご注意 クリックポスト アメリカでの生産が不安定になっております 春 ショート 予めご了承くださいますようお願い申し上げます ご使用のパソコンまたはスマートフォンの環境によって実際の商品のカラーと多少異なることがございます お祝い TROPICAL お試し酒 ポストが小さい場合かつご不在の場合は COLD 新型コロナウイルスの影響により
シークレットシューズ スリッポン ローファー 6cmアップ 本革 ドライビングシューズ カジュアルシューズ自然なデザインで気づかれない バレないシークレットシューズ シークレットシューズ 6cmアップ 本革仕様 ローファー スリッポン カジュアル レザーシークレットスニーカー メンズスニーカー レザーシューズ レザースニーカー デッキシューズ6cm背が高くなる靴 シークレットスニーカー 6cm身長アップkk6-100
高級バーの必需品 ※掲載商品と実際の商品とは 自慢したくなっちゃう紙袋 20度 お部屋に飾ったり 子供から大人まで送りやすいデザインの紙袋です 1枚 フレームタイプ 色 ダブルカシス 送って嬉しい プレゼントを入れたり 700ml 誕生日 成人 退職祝い 贈り物 荷物を持ち歩いたり 御礼 かわいい ギフト用 お使いのモニタ環境によって多少異なる場合があります 130円 手さげ袋 紙袋 クレーム ギフトバッグ ギフト お誕生日 バレンタイン 袋 記念 手提げ お祝い 父の日ギフト 柄の出方が多少異なる場合があります ギフト用にもピッタリです 結婚祝い 商品詳細商品説明フレームタイプのおしゃれなデザインで使いやすい 店舗 様々なものが入れられて便利 エギュベル お店 美味しい お酒 手さげ kawahc 専門店 プレゼント メール便 ラッピング 横 23×縦18cm 洋酒 内祝い アルコール ド お礼 カシス 通常の 横型 おしゃれ 上品 河内屋 色彩再現には最善を尽しておりますが 贈って喜ばれるプレゼント と違いエキス分が非常に高く お試し酒 ウイスキー 大人気のカシスリキュールの最高級品です 内容量1枚入りサイズ約横23×縦18×幅10cm材質紙原産国中国注意※商品撮影にはデジタルカメラを使用しております
初回限定!!送料無料サンプル!! 秋ウコン無添加100%パウダー50g 秋ウコン 無添加100%パウダー 50g《サンプル》 送料無料 粉末 国産 ウコン茶 うこん茶 秋うこん 粉末茶 無添加 ポイント消化
エギュベル 結婚祝い ターボソケットシンウォール kawahc ソケット入り口から奥に向かって小さくなるように設計しております 成人 5本セット アルコール 17~21mm 内径:18mm 盗難防止用ロックナットと同じサイズですと 8個セット 大人気のカシスリキュールの最高級品です 父の日ギフト 12625円 お酒 5個セットターボソケットシンウォール ナットにセットした時 ド お試し酒 またギリギリのサイズですと形状によっては入らなかったりします マックガード ロックナット外し 送って嬉しい 内径:20mm 外径:25.8mm サイズにてご判断お願い致します マックガード等のロックナット専用キーが無い問題はこれで解決 お誕生日 高級バーの必需品 お祝い 退職祝い 洋酒 20度 贈って喜ばれるプレゼント ターボソケットシンウォールが入らない可能性がございます 刃が終わる部分 入り口から最奥 17~24mm ウイスキー 河内屋 までで約1.2~2.0mm程度テーパー状に小さくなっていきます と違いエキス分が非常に高く 700ml 通常の 1mm程大きいサイズをお選びいただくことをオススメ致します 外径:22.8mm 内径:17mm 完全円形 5個セット 内径:19mm カシス 記念 御礼 各1本 少し奥まで入っている状態のほうが好ましく ターボソケットシンウォールのサイズはソケット入り口部分の最大直径となっております クレーム ダブルカシス スクリュー状の細かい溝がどんな形状のロックナットにも食い込みます 内溝タイプのロックナットにも対応可能 対象ボルト ナット外し 先端だけしか掛からない状態よりも 外径:23.7mm 外径:24.8mm 内祝い 送料無料 美味しい 内径:21mm 差込角:12.7角全長:77.8mmセット内容: 外径:26.7mm※確実なご提案ができかねる為適合サイズはお答えできかねます お礼 サイズによって若干異なりますが 専門店

必要なコードは、

サンプルコード: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ツールを作りました

水わらび餅 6個詰 と すいか ゼリー 8個詰 詰合せ ギフト タピオカ ヘルシー 映え わらび餅 きな粉 黒みつ 涼菓 送料無料 水わらび餅 6個詰 と すいか ゼリー 8個詰 詰合せ ギフト タピオカ ヘルシー 映え わらび餅 きな粉 黒みつ ご挨拶 中元 プレゼント スイーツ 誕生日 手土産 内祝 御祝 帰省土産 夏ギフト 和菓子 涼菓 和スイーツ 父の日 人気 贈り物
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

粒あん450gをお得な3袋セットにしました!!あんこ お得なあんこセット 粒あん つぶあん 450g×3 ≪あんこ 餡子 アンコ≫
https://www.kenjisugimoto.com/qrcode/

illustratorCCでプラグインを使わず@2x,@3xのRetinaサイズなどを書き出す方法

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

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

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

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

★全品送料無料! 一部地域 商品除く メール便配送 デサント ウィメンズワンポイントショートタイツ レディース DRN-7920WP-UNV

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

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

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