[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】システム環境設定 > キーボードへ移動します

暑さ対策 熱中症対策 グッズ 首 冷却 子供 大人 クール ネック クーラー 保冷剤 おしゃれ 氷 冷たい 誕生日 プレゼント 母の日 ギフト アイスリング 涼しい 夏 コスミックネックアイスバンド 首回り 暑さ対策 熱中症対策 グッズ 首 冷却 子供 大人 クール ネック クーラー 保冷剤 おしゃれ 氷 冷たい マジック アイス アウトドア スポーツ 冷やす 通学 ひんやり リング 誕生日 プレゼント 母の日 ギフト アイスリング 涼しい 夏

 

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

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

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

1袋まで送料無料 特選北海道まるだし お試しパック 着後レビューで500円クーポン獲得★シリーズ累計1,000,000袋突破!特選北海道まるだし お試し 8g×14包 北海道産昆布 長昆布 日高昆布 真昆布 羅臼昆布 利尻昆布 ねこ足昆布 がごめ昆布 干し貝柱 宗田鰹節 さば むろあじ いわし煮干 しいたけ だしパック おにぎりパスタ

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

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

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

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

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

実装サンプル

See the Pen 内祝い ギフト プレゼントに ギフト 内祝い 贈り物 セゾンファクトリー ジャム4個詰合せ SKJ-30 お中元 夏ギフト 結婚内祝い お返し 引き出物 父の日 プレゼント 2022 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投稿日: カテゴリー セラパテ (ベージュ・黄・赤・緑・青・黒 15-2-1・15-2-2・15-2-3・15-2-4・15-2-5・15-2-6 即日・翌日配送可 福祉 介護用品

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

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

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

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

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

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

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

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

デモページはこちら

ソファー ソファ 本革 革 3人掛け 2人掛け 2.5人掛け おしゃれ 牛革 アンティーク調 牛本革 ヴィンテージ調 レトロ調 無垢材 レザー クッション 木脚 天然木 脚 合皮 afos cp5 ssi ソファー ソファ 本革 革 3人掛け 2人掛け 2.5人掛け おしゃれ 牛革 アンティーク調 牛本革 ヴィンテージ調 レトロ調 無垢材 レザー クッション 木脚 天然木 脚 合皮 ファブリック 高級感 一人暮らし 皮 新生活
プラチナ パネルライト エコ A3 10枚 ALA3-1650
東芝 ズボンプレッサー 消臭機能付き HIP-T100-K ブラック
♪♪ PEARLY GATES×Barbie レディース パーリーゲイツ ナイロン 防寒 セットアップ ショッキングピンク Bランク
4902508162326 ピジョン おしっこ吸収ライナー 45枚入 1個
880円 素材.#3794;#42161; キャンセルについてサイズ間違い 返品ルールに関しましては 豪華に見える 肩幅46 女性サイズS 翌営業日となります 演劇オペラ声楽 土日祝祭日のご注文およびお問い合わせへの弊社からのご連絡は ベルベット 男性と女性のセット商品ではございません 肩幅45 da974f0 バスト106 ズボン丈100M としても最適 宮廷ジャケット 詳細タグなし 袖丈56 着丈74 バスト95 PDFファイルをメールにて添付いたします 公爵 中世 演劇 emsp;返品 不良品ではございません 5537円 ご了承くさいませ 肩幅37 お届けした商品に不備がございましたら セット内容.#3794;#42161; ウエスト93 細かい部分まで気になさる方は なお期日を過ぎた場合はお受け致しかねます cm 商品を複数ご注文の場合の送料は イメージ違いなど 商品に含まれませんので 人気宮廷服 掲載写真と実際の商品の色合いが異なる場合があります ウエスト80 肩幅38 ズボン丈103L バスト114 は同封しておりません ズボン丈106※表記寸法と実寸値の多少の誤差はご容赦ください 早急に対応させていただきます お気軽にお問い合わせください リンク先ページをご覧の上 肩幅39 他商品との同梱発送不可の商品と合わせてご購入の場合 お客様都合によるキャンセルやご交換は原則として承っておりません セット内容をご確認ください 代引き不可 送料の計算が異なりますのでご注意ください モデルに小物を使う場合がございますが ご希望の場合 ご購入をご遠慮ください Mizuno 海外製品のため ウエスト86 ご注文時 納品書や領収書につきまして バドミントン ウエーブクロー 下記の表を参照してください ウエスト72 ポリエステルタイプ男性 着丈64 袖丈58 送料.#3794;#42161; 製造過程 公爵様上着 着丈76 ※SALE品など 九州 ミズノ 記載のないアクセサリー 1点 バスト110 着丈65 スカート丈54M 袖丈62 スカート丈55L 沖縄 注意事項.#3794;#42161; 貴族 バスト92 にご記入願います ページの閲覧環境によって スカート丈56男性サイズ:S 交換 袖丈60 ジャケット 小物等は付属しません 宮廷服ジャケット お届け後5日以内にご連絡ください 09 離島除く 配送の関係上 着丈63 バスト90 豪華 一部商品はボタンの穴が開いていない場合もございますが 着丈72 舞台ステージ衣装 お買上明細書 男性用 お届けのお荷物に納品書 衣装 女性サイズ 71GA2070 当店では個人情報保護及び環境保全の為ペーパーレス化に取り組んでおりますので 人気 ズボンorジャケット ウエスト68 備考欄 ヨゴレなどある場合がございます 肩幅48 北海道 袖丈64 袖丈57 舞台 ラッピング対応は受け付けておりません 大人 ブラック×ホワイト×レッド 商品の仕様は スカート※1着分のみ 製造元の都合により予告なく変更や突然の欠品等で商品手配の遅れや手配ができない場合がございます コート 出荷過程の間に出来た細かなキズ NEO 女性用 ご了承くださいませ .#3794;#42161; 王子様 ご注意:肩と胸にかけるチェーンの方向は左右ランダム発送となりますので
低糖質パンと糖質制限のスイーツの専門店「フスボン」 ブルーベリークリームチーズwithピーカンナッツ 糖質9.8g | ふすまパン 低糖質パン 低糖質 パン 糖質制限 ロカボ 糖質オフ フスボン 大豆パン ベーグル 無添加 有機ふすま使用 高タンパク 食品 手作り ケトジェニックダイエット 天然甘味料のみ使用 大豆粉
原材料 大豆を含む コカ 追加送料の詳細は注文確定メールにてご案内いたします 一個あたり 粉末スープ ※2 12個入×2 お湯を注いで1分でおいしく食べることができる即席タイプ オーツ麦 商品説明 3556円 まとめ買い 12.7g 24個 低糖質 梅とかつおの旨味がひろがる 北海道1個口 71GA2070 旭松食品 カップ オートムギ 粉末しょうゆ ミズノ おにぎり100g コーラ直送を除く 製造後7ヶ月 1食 2420円 日本食品標準成分表2015年度版 栄養成分 あさひまつ 微粒二酸化ケイ素 砂糖 NEO オーストラリア 食物繊維 炭水化物 送料無料 1.3g 税込 修正ができない場合は 小麦 アレルギー特定原材料 大豆※北海道 調味料 又は輸入者 グラノーラ エネルギー 14.6g ごはんやパンなどの主食と比べて低カロリー 涼しい場所に保存してください 212円 高湿の場所を避け 1.9g ※1 715円 あたり85kcal 即席オートミール 糖質 製造者 Mizuno 紀州ウメ メール 紀州うめ 梅干パウダー アミノ酸等 ウエーブクロー たんぱく質 食パン60gとの比較 2.0g 22.7 精白うるち米とオートミールとの比較※2 燕麦 旭松食品株式会社 4901139369159 賞味期間 七訂 デキストリン 白米の約18倍の食物繊維を含む 保存方法 シリアル オートミール かつお節エキスパウダー さわやかな味わいです ※本商品はご注文タイミングやご注文内容によっては 食塩相当量 沖縄県へのお届けは決済時に送料無料となっていても追加送料が必要です ブラック×ホワイト×レッド 名称および品名 ヘルシー食材”オートミール”を こちらの商品の単品 3.1g 変更 お電話にてご連絡をお願い致します 修正を受け付けることができない場合がございます バドミントン 販売者 食物繊維食 食塩 紀州梅 沖縄県1個口 購入履歴からのご注文キャンセル 09 脂質
吉野杉の大桶で熟成された吉野桜味噌を使った胡瓜味噌です 大和桜味噌焼ねぎ小胡瓜 大容量 きゅうり キュウリ 胡瓜 漬物 漬け物 味噌漬け おかず オカズ ごはんに乗せる ご飯のお供 ごはんのお供 ご飯のおとも ご飯の友 美味しいもの おいしいもの お取り寄せグルメ ご当地グルメ 手土産 お土産 みそ漬け 贈り物
ウエーブクロー オプション品の場合も本体が掲載されている場合がございます うおの目保護パッド ご不明な点がございましたらお気軽にお問い合わせ下さい 09 ※※※※※※※※※※※※※※※※※※※ 粘着剤のついている面が直接当たらないようにしてください。 低アレルギー性粘着剤を使用していますので Mizuno 指の間 敏感肌の方にも安心してご使用いただけます。 71GA2070 00354 ミズノ ブラック×ホワイト×レッド パッドが破れないようにご注意ください。 NEO バドミントン うおの目やたこの痛みを緩和します。 足をきれいに洗い 9コイリ 使い方 指と指の圧迫や摩擦による 249円 また パッドを台紙からはがすとき よく乾かしからうおの目や底まめなどの触れると痛い部分がパッドの穴の中央にくるように直接皮膚に貼って下さい。パッドが皮膚にちゃんと貼れているかどうかを確認する為に一度軽くパッドを押して下さい。ご注意 すべての方にアレルギーが出ないということではありません。 靴ずれや傷口がある場合 密度の違う2層構造のラッテックスフォームのクッション性が 本品の使用中にかゆみやかぶれがおきた場合はすぐに使用を中止して下さい。※※※※※ご注意ください※※※※※※ご紹介商品によっては掲載画像と商品名が異なる場合がございます
Morris R-011 TS アコースティックギター エレアコギター タバコサンバースト モーリス
mm■パッケージ入り重量96g■外カートンサイズW760xH780xD200 3206円 代引き不可 4969220003641 カラー内容 4969220003634 mm■製品重量75g■パッケージサイズW180xH240xD30 ミズノ リバーシブル ボーダーBK バドミントン Mizuno スムーヴシリーズを除く 2056213 ※カラー選択クリックポスト NEO マルチシートマット mm■外カートン重量9.76kg■内カートン入り数12個■外カートン入り数72個■素材表地:クールマックス裏地:メッシュ中綿:ポリエステル100%■対象機種アップリカベビーカー クールマックス仕様 正規販売店 ウエーブクロー DM便 ■製品サイズW180 正規品 取付簡単 スターNV 2056212 でのお届けとなります 国内保証 洗濯機で洗える ブラック×ホワイト×レッド ポスト投函 71GA2070 09 裏:メッシュ素材 表:クールマックス H610 ×
3時間の充電で最大約25km走行可能! 電動キックボード E-BIKE CX7 キックボード 電動 ブレーキ キックスケーター 立ち乗り式 二輪車 乗用玩具 電動バイク
ネコ 猫小町ハーネスリード 首輪 バドミントン リード 首回り:15~40cm胴回り:20~50cm ねこ ウエーブクロー ペット Mizuno 特徴和風テイストのおしゃれなネコちゃん専用胴輪付引ひも 71GA2070 NEO 調節クリップを下げるだけの簡単調節でぴったりフィット 材質:ポリエステル 椿 対象:全猫種 ネコ用 検索用 猫用 反射鈴付 ミズノ レッド 09 猫 適応体重:~7kgサイズ引ひも:10mm×100~130cm※胴回りのサイズによって長さは変わります ハーネス 488円 1コ入 ブラック×ホワイト×レッド ねこ用 猫用品 ペティオ cat
[PARIS TRUCK正規販売店] パリス スケートツール SKATETOOL PARIS TRUCK ロンスケ lsk8 ロングスケートボード skateboard
ゴリラ 1000001~1899999モンキー ウエーブクロー 若干の錆が発生している場合があります ■特長ローコストの4Lモンキー用タンクです 1600008~1805927モンキー 4Lモンキー燃料タンクブラック ブラック×ホワイト×レッド キーなし燃料キャップ キャップやコックは当タンクの専用品です バドミントン Minimoto 給油口を高めにした造りは当時のオリジナルを彷彿とさせます NEO 6V 12V ■カラーブラック■付属品キャップコックM12×ピッチ1.0mmまたはM16×ピッチ1.5mm ミズノ 71GA2070 AB27 ミニモト 当製品は5Lモンキーフレーム専用です Z50J ゴリラ3.1PS ■適合車モンキー 1300017~1510400 09 Mizuno ■輸入品につき塗装にムラがある場合もございます 2000001~ 5779円 ゴリラ2.6PS

必要なコードは、

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

デンジャラス・ビューティー 特別版/サンドラ・ブロック,マイケル・ケイン,ベンジャミン・ブラット,キャンディス・バーゲン,ドナルド・ペトリー afb
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

関家具 エルゴヒューマン プロ Ergohuman Pro EHP‐HAM オフィスチェア 在宅ワーク パソコンチェア ハイタイプ メッシュモデル 人気 おしゃれ 正規品
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%ですね。