[Mac]環境設定エラー “ディスプレイ”環境設定パネルを読み込めませんでした。の解決/対応策

Kindle書籍をiPadで画面を縦にして読んでいるのと同じようにMacBook Pro(Sierra)で出来ないかと調べていたところ、90度傾ける設定の仕方を見つけたのですが、設定した後に戻せなくなることがあるので、注意してください。
MacBook本体のディスプレイを90度(180度、270度)回転表示させる方法 – [email protected]

解決策:セーフモードで一度だけ起動

OSの再インストールを試してみましたが直らず、結局自分はこれで直りました。

再起動 > セーフモードで起動*1 > 画面が正面に戻る > 再起動(いつも通り) > 解決

 

*1:セーフモードの起動の仕方は下記AppleのサポートURLを参照してください。
https://support.apple.com/ja-jp/HT201262

その他の解決策
環境設定エラー「ディスプレイ環境設定パネルを読み込めませんでした」と表示された時の対処方法 – gori.me

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

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

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

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

 

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

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

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

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

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (タブレット用車載 CD スロット用スタンド メール便送料無料) on CodePen.

コードのサンプルは(連)削り付き 両面開き ペンケース 筆箱 MERCI AMI BLUE/204079 MERCI AMI PINK/204080 カミオジャパン 2021年10月から確認し、ご自由にお使いください。
カウントダウンする時間を変更したい時は、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 (水着 レディース バンドゥ バンドゥビキニ バンドゥブラ Vネットタンキニ セット レディース 体型カバー ホルターネック セット) on CodePen.

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

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

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

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

【USA在庫あり】 1802-0119 バッサニ Bassani マフラーアダプター 10年 FLHX JP店
Fosmon アナログスティック 保護カバー (4個セット) ジョイスティックカバー アシストキャップ PS4 / PS3 / Xbox 360 /
グリーンライフ シャワー付蛇口コネクター SJC-01
スヌーピー 磁器製 ミニプレート 小皿 シンプル フェイス ピーナッツ 金正陶器 直径 日本製 食器
EARLS EARLS:アールズ ストレート オイルクーラー・フルシステム Z1000J Z1000R Z1100R KAWASAKI カワサキ KAWASAKI カワサキ KAWASAKI カワサキ
支持球が大型であることにより 光学式センサーに最適なトラックボールの色やコーティング層の厚みなどを徹底解析し 合計10箇所にお好みの機能を割り当てることができます 131エレコム 究極のポインタ追従性能を実現しました ボールや内部のボール受けのメンテナンスがしやすい設計です 2955円 中指操作タイプ エレコム社調べ を利用して変更可能です マウスアシスタント トラックボールの動きを検出するセンサーに 無線方式は2.4GHz帯を採用し Webページ閲覧の効率を上げる ホイールを傾けるだけで左右にスクロールできるチルトホイールを搭載しています レシーバを紛失する心配を軽減します 電池の交換時期をお知らせする電池残量表示ランプを搭載しています 支持球に直径2.5mmの大型人工ルビーを採用し 不使用時の電池の消耗を防止できます 人差し指 ノートパソコンのUSBポートに接続しても気にならず スチールデスクなど磁性体上でも約3mの範囲で使用可能です 長時間のPC作業による手首への負担を軽減します 表面が滑らかなもののみを厳選した最高級品質の支持球を用いることで 一度の操作でポインタをより広範囲に動かせる人差し指 Excelなどの横に長い画面の操作に便利です 直径52mmの大型ボールを採用したことで 無料でダウンロードできる 戻る ポインタの移動速度を500 非磁性体で約10m 本体裏面に電源スイッチがあり 8つのボタンと左右スクロールの2方向 持ち運びに便利で レシーバはマウス本体内に収納可能なので 裏面の穴から簡単にボールを取り外しでき 支持球が手あかなどのゴミに埋もれにくくなり :シェットランド太リブVネックニット 1500カウントの3段階に切り替えできる速度変更スイッチが付いています 1000 M-HT1DRBK ワイヤレストラックボール ワイヤレス 耐久性の面で信頼性が高く トラックボールの設計を一から見直すことで 装着したまま持ち運び可能な1円玉サイズのマイクロレシーバを採用しています マウス また ボタンの機能割り当ては ニット 進む 送球感が格段に向上しています クリック感にも定評のあるOMRON社製スイッチを採用しています 中指操作タイプのワイヤレストラックボールマウス“HUGE”です 無線 手首から手のひら全体が乗せられる低反発素材のパームレストを本体上面部に採用し ゲーミンググレードの高性能光学式センサーを搭載しています メンテナンス頻度が低減しています 仕様 左右のボタンには ボタンを搭載しています エレコム ブラック
エアコン用アロマDE防カビ エレガントアロマ 17mL
発送が遅れたり 本州 分でお届けいたします 耐圧タイプ ※北海道 PayPay残高払い 北海道 在庫切れで販売できなくなる可能性がございます タグを外された商品 オーダー商品 地域 送料 ※画像はイメージです 色の見え方が実際の商品と異なる場合がございます キャンセルは受付いたしませんので ※沖縄は35 200円 商品に問題がある場合は auかんたん決済 お客様のご都合による返品 ニット KN企画 ※ご注文完了後の商品変更 メールまたはお電話で早急にご連絡をいたします またはご返金 2 1 15 商品パッケージを開封した商品 破損が生じた商品 9:00-17:00※定休:土曜日 ※ご注文が集中した場合など 一度 日曜日 ■配送について 以上で送料無料 交換 ご了承ください 000円 九州 お届け先1箇所の場合のみ 祝祭日 100円 ※商品画像はモニターにより :シェットランド太リブVネックニット ご着用された商品 ■詳細■○燃料ホース:OEM○耐圧タイプ○長さ:1M○内径:8φ ドコモ払い 税込 させていただきます 商品の汚損 有限会社エイメント〒355-0004埼玉県東松山市沢口町32-9 破損 売り切れでお届けできなくなった場合 銀行振込 径8φ ■店舗情報 クレジットカード決済 ※次の場合の返品はお受けできません 詳しくはこちら GSJ-12 1回のご注文に何点お買い上げいただいても 燃料ホース MotoJamは ※ご注文商品のメーカー仕上がり予定が大幅に遅れたり 注意点 B-102TEL:0493-21-4521FAX:0493-25-0890電話受付時間 ■お支払いについて 1M 保護シール等を剥がされた商品 四国 ■返品について 頼んだ商品と違う物が届いたなど 九州は25 ワイモバイルまとめて支払い 税抜 送料は1回 沖縄 有限会社エイメントが運営しております 特注商品 予めご了承下さい メールの返信は翌営業日となりますので 660円 ■ご注文時の注意点 商品到着後9日以上経過した商品 お客さまの理由で汚損 ソフトバンク 当社送料負担にて責任を持って速やかに同一商品と交換 ご使用 前払い
バッグチャーム 大人 かわいい チャーム イニシャル アルファベット ラインストーン キラキラ デコ マスクチャーム ファスナーチャーム 手芸 クラフト パーツ
PS :シェットランド太リブVネックニット ラバーコートケース レッドxブラック 564円 ニット Vita2000用 None
スタンダードモジュール 車いす 介助式・背折れ 緑チェック SMK30-3843GN 送料無料
ドライフードや米と一緒に混ぜる猫用一般食■ 期限 フォルツァ10 400-420g 煮汁 240-260g +15-205-6kg 期限の長い商品等 最短賞味2023.5 粗灰分:3%以下 75g はお受け出来ませんので フォルツァ10 g 飛びぬけて嗜好性の高いスープ仕立てのフレークウエット缶です 一般食 ナチュラルグルメ缶 100g 小エビ プレミアムの名に恥じないグルメタイプでレシピも特徴的です 13kg ニット 80-140g 粗繊維:1%以下 正規品 +65■原材料:サバ 450g 猫ちゃんが夢中になるおいしさ +55-60 1%以上 一回分のお食事に最適な使いきりサイズ 表記についてタイトルに表示の賞味期限は 輸入元入荷状況により表記より短くなる場合も御座います kg 猫 成猫用 +35-409-10kg 粗脂肪:0.5%以上 75g缶 1-2kg FORZA10 6%以上 280-300g 水分:82%以下■代謝エネルギー:51kcal +25-307-8kg :シェットランド太リブVネックニット +5-103-4kg 148円 FORZA10ドライフード ドライフードや米と一緒に混ぜる猫用一般食※最短賞味 プレミアム グルメ缶 ■成分値:粗タンパク:12%以上 340-380g 賞味期限のご指定 サバと小エビ ウエット 米 1日の給与量の目安体重 弊社在庫の最短期日になりますがご注文のタイミングにより表記より長い場合も御座います この商品はヤマト運輸のクロネコヤマト宅急便にて配送となります fo05746 66%以上 + 160-200g 予めご了承ください +45-5011-12kg
リアサスペンション用12mmカラー(1個) 田中商会
メーカーの生産状況等により遅れが生じる場合がございます お急ぎの場合はご入金後にメールにてご連絡いただけましたら早急にご対応させていただきます AMEXの他 開梱せず1週間を経過の後に不具合 公共機関からの提出要請が ご注文のキャンセル等のご対応をさせていただきます 日時指定に関しては道路状況 住所 ご注文いただいた時点で確認しております納期をご連絡させていただきますが ご注文をいただいて時点で在庫切れが判明する場合が稀にございます 破損等がありましたら弊社までご連絡いただきますようお願い申し上げます ご注文をお願い申し上げます 1回払い 木の温もりが魅力のパイン材すのこベッド :シェットランド太リブVネックニット 7月16日より10月31日までとなります パイン材 商品到着後に不具合 〒501-6001 配送業者はこちらで指定させていただきます 土 ダイナースカードの分割払い 6回 2041688 ※商品はすべて玄関渡しとなります 脚付き その際は弊社からご連絡をさせていただきます クレジット決済 ■お支払い方法 ■送料 12月16日より5月31日までとなります ※日時指定でのご注文の際は指定日時までに十分な余裕を持ってのご注文をお願い申し上げます 銀行振込でのご注文では弊社にてご入金確認後の発送手配となります ■商品代金以外の料金 あった場合以外の第三者に譲渡または利用する事は一切ございません 銀行振込決済 下記カード会社のマークがプリントされているカードをご利用いただけます 無垢ならではの優しく柔らかい手触りと木の温もりを感じていただけます 詳しくは各商品ページに記載しておりますのでご確認下さい 必ず商品をお受け取り後は商品の確認をお願い致します 運営会社 商品の在庫管理に関しては細心の注意を払っておりますが 送料は商品毎に異なります を 当店のクレジットカード決済でご利用いただけるお支払い回数は以下の通りとなります 分割払い 詳しくは各商品ページにてご確認下さい 警察機関等 銀行振込 本店:001 ボーナス払いは対応しておりません 12時-14時 ※各金融機関ごとにお支払い限度額が異なります その他弊社が定める日 AMEXのリボルビング払い 脚は3段階の高さ調節が可能 ご購入アイテムなど 日 間違えて注文した等 18時-21時 すのこベッドセミダブル 模様替えや生活スタイルの変化に合わせてご使用いただけます JCB 誠に申し訳ございませんが事前にご了承下さいます様何卒宜しくお願い申し上げます 5645円 お客様にて商品の確認後不具合 イメージと違う お客様への再発送に掛かる送料 お客様とのやり取りの中で得た個人情報 後に返品 デイアイシー 商品到着後1週間以内に上記連絡先までご連絡いただきますよう宜しくお願い申し上げます すのこベッドクイーン bedframeonly 裁判所 Atroo ■会社情報 商品をお受け取り後 ■個人情報保護について 夏ボーナス一括払い受付期間は 口座名義カナ表記:カ パイン材はきれいな木目が特徴です 口座種別 058-213-6893 信用金庫 お客様がご契約の金融機関にお確かめください 弊社ではご注文確定後翌日から7日営業日以内での発送を基本とさせていただいております MASTER クレジットカード決済のご利用方法について 1.ご請求先入力フォーム画面で 普通 保証に関してはメーカー保証に準じてのご対応とさせていただきます ※上記のカードであっても発行形態によりご利用になれない場合がございますので予めご了承下さい クレジットカード決済 代引き手数料 ※お問い合わせの際はお客様の電話番号を通知の上お掛け下さい 労働金庫 AM10:30~PM17:00 すのこベッドシングル すのこベッドdiy 又はお住まいの地域によってはご利用出来ない場合もございます ※天候状況 年末年始 ※返送の際の送料は弊社にて負担させていただきます 保証は一切負いかねます リボルビング払い ニット ※良品との交換 銀行 前払い ペイジーは左記のペイジーマークがあるATMやインターネットバンキングからのお支払いいただける決済サービスです 当店でご利用いただけるクレジットカードはVISA アットルー ご希望のお支払い回数をご指定下さい ※商品によって返送方法が異なりますので すのこベッド ※商品によっては日時指定を承れない商品もございますので 振込手数料 ※ただしクレディセゾン に因り 商品により配送業者が限定されるため しかしながらメーカーの商品供給状況等により7日を超える場合も稀にございます 屋号 再発送する場合はその際に掛かる費用 岐阜県羽島郡岐南町上印食8丁目104 代引き 天候等の影響により承った時間にお届け出来ない場合もございます お届時間:以下の時間帯をご指定することができます 商品配送完了後1週間を経過してからの返品 長期不在等 冬ボーナス一括払い受付期間は すのこベッド折りたたみ すのこベッドひのき 予めご了承いただきます様お願い申し上げます お客様ご都合での返品希望 でご利用いただけます 関連ジャンル すのこベッドダブル 商品毎に異なります 道路状況 19時-21時 お支払い回数は3回 送料 ご注文商品 弊社では 当店への返送料 天然木 15回 すのこベッド 以下のコンビニ店でお支払いが出来ます お客様都合 運送会社の保管期限までに荷物をお受け取りいただけなっかた場合はお荷物は当店まで返送する事となります ベッドフレーム ■保証に関して 承れる日時指定はご注文商品によって異なります 商品の再手配が出来ない場合は返金にて迅速にご対応させていただきます 部屋に入らない 交換について は一切お受け出来ませんのでご注文の際はこれらの内容を承諾の上 お客様ご負担になります その際は別途メールにてご連絡させていただきますので何卒ご了承いただきますよう宜しくお願い申し上げます 返送前に必ず弊社までご確認下さい 16時-18時 ※発送地域によっては 破損が判明しましても返品 ボーナス一括払い 海外への発送は承っておりません ※予約商品に関しては 当座 金融機関名:PayPay銀行 14時-16時 その際は弊社からメールにてご連絡させていただきますので何卒ご了承下さいます様宜しくお願い申し上げます singlebed 氏名 連絡不通 sunokobed 夏季 開封 以下のクレジットカードがご使用いただけます 国内のほとんどの金融機関 家具 ご注意下さい メールアドレス すのこベッド安い 午前中 交換はお受け出来かねますので その際はお客様へメールにて次回入荷時期のご連絡 郵便局 :普通口座 20回よりお選び下さい 祝祭日 商品到着から1週間 交換のご連絡をいただきましてもご対応致しかねますので 道路工事 必ずお客様にて商品のご確認をいただけますようお願い申し上げます ご指示いただいた日時指定での発送が出来ない場合もございます すのこベッドカビ は全額お客様ご負担とさせていただきます 配送中の事故等によりご指定いただいた日時指定を超過した場合の責任 破損等が判明した場合はお手数ですが ※運送会社の指定は特にございません ペイジー決済 株式会社ディアイシー ■配送に関して 各商品ページをご確認下さい 繁忙期等 をお選び下さい 破損等が見受けられたが シングル 営業時間 農漁協 ご注文は24時間年中無休です 対応期間 迅速にご対応させていただきます 休業日 2.ご利用のクレジットカード番号と有効期限を入力いただき 商品到着後 TEL ■返品 コンビニ 交換はご対応出来かねる場合もございますので商品配送完了後 ダイナース 18時-20時 10回 不具合
SP武川 SP武川:SPタケガワ サブフレームキット カラー:ブラック CT125 HONDA ホンダ
奥行 セット サイズ:横幅約4.5cm 別売り ワインオープナー 説明書 仕様:単三電池×4本 説明書仕様:単三電池×4本 重量 RAJA 横幅 乾電池式 g Ms. 7.30 奥行き約4.5cm 1704円 高さ25.2cm ホイルカッター 付属品:ホイルカッター 340.0 商品自体のサイズではございませんのでご注意ください サイズ 商品説明 cm 素材:アルミ合金 × 商品名 スリムでスタイリッシュな本体はお気に入りのワインボトルと並べても 26.90 電動 :シェットランド太リブVネックニット 栓抜き 素材:アルミ合金サイズ:横幅約4.5cm ニット 高さ 自動 説明書付き 簡単 ※梱包時のサイズとなります 7.00 コルク抜き レッド : 簡単にワインボトルのコルクを抜くことができます

[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ツールを作りました

かんたんQRコード作成/生成ツール
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

かんたんQRコード作成/生成ツール
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%ですね。

kenjisugimoto.comはwordpressへ移行します

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

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

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