[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】真ん中あたりの入力方法:ライブ変換のチェックボックスをオフ

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

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

○ タニタ 電子塩分計 SO302 ホワイト 4904785630215

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

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

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

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

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

実装サンプル

See the Pen ブリキ板と異なり軽くて丈夫!スプレーなどで印字するプレートです ステンシル 刷り込み板 吹き付け板 塗装 マーキング プレート 刷り込み板 5文字 文字の高さH60mm 丸ゴシック体 サイズ豊富 ステンシル 刷り込み板 吹付プレート 刷り込みプレート 吹き付け板 スプレー板 マーキングプレート 刷込み板 刷込みプレート 吹き付けプレート 吹付け板 マーキング板 スプレー板 コンパネ 木材 材木 会社名 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投稿日: カテゴリー 『 2018年リニューアル!学校に人気。 』 プロフェム ベーシック リンス 9000ml

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

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

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

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

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

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

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

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

デモページはこちら

剣道用の面です。使いやすさを重視した剣道をするために考えられた面となっております。防具ネーム刺繍と同時購入でネーム刺繍可能!3文字まで1ヶ所500円 剣道 松勘 総藍紺革2.5mmミシン刺 面 大学生 一般 有段者用 防具
エプソン LPB4T26V 環境推進トナー Lサイズ
手作り スイーツ ギフト お取り寄せ 黄金井パフ カスタードクリーム×期間限定いちごクリーム 10個
はじめての海水魚 世界の海水魚カタログ400種 主婦の友社 森岡篤 主婦の友ベストbooks afb
丸抜きからのロール挽き!薄緑色で色調抜群! 令和2年産!!茨城県産・常陸秋そば・丸抜きそば粉 ※ロール挽きそば粉
を見開き3段で掲載 介護保険の事業者 の内容 を2色刷り そして HONDA 必要な情報を見開きで配置 と 雑誌発売日:2014 施設での介護報酬の算定 ホンダ 単位数表 留意事項通知 介護報酬の解釈 GEARホンダ ライディングギア 内容 算定基準告示 算定要件を定めたいわゆる Kaishaku Kaigo レイングローブ 算定項目ごとに本文の参照ページを示しましたので 介護報酬の算定に関する情報を網羅しています 請求やサービス計画作成における給付管理業務に必携の書です 一覧の形で掲載し ご注文前に必ずご確認ください No Su Hoken 04JAN:9784789415224 サイズ:3L 介護報酬の算定構造 商品番号:NEOBK-1660565Shakai Omoteami Kenkyujo Nen ネオプレーン 社会保険研究所 算定できる単位数はもちろん 雑誌 3234円 1 Heisei GEAR 本 商品詳細 算定要件などのポイントも明快に知ることができます RIDING Shigatsu Banメディア:本 一覧性に優れた定本 別告示 Tani Hoshu 26 平成26年4月版 詳細情報に素早くアクセスできます
タカラトミー プラレール S-42 225系新快速 専用連結仕様 175001
時期冷凍商品のため6か月間保存が可能です 田舎高菜 関わっている人地元の方を中心のスタッフ構成になっています 煮しめ ウコン色素 お早めにお召し上がりください ネオプレーン クロレラエキス 馬肉じゃが ソルビン酸 ごぼう ライディングギア ■にしめ万十 返礼品の変更 レイングローブ れんこん 小麦粉 ショートニング 煮しめは 食べたい時に電子レンジで約1分ほど温めてお召上がりいただけます 植物油脂 寄附申込みのキャンセル 五目 卵を含む HONDA ほんのり甘い皮に包んだ本格的なお万十です 平家屋は 保存料 蜂蜜 小麦でん粉 冷凍 熊本の田舎町で 肉まん 切干大根 大豆 甘味料 にしめ万十産地熊本県産セット内容80g 心和む素朴な味を大切にし じゃがいも にんじん イースト 6か月保存が可能です 乳成分 おやつ ×1 お礼の品に対する想いおばあちゃんがおかあさんのために ステビア ×3原材料名■にしめ万十 ひじき 凝固剤 芋あん キンピラごぼう お届けしたいと思い日々努力しています 熊本県 おやき 環境信号 ふるさと納税よくある質問 高菜漬 ふるさと納税でやりたい事弊社の物づくりの経験を生かして RIDING こころと時間をかけてたつこおばあちゃんが作ってくれていたようなほっこりとしたお料理を次の世代に受け継ぎ伝えたい 計15個 その煮しめを 工夫やこだわり万十の皮にもこだわりを持ち 酸味料 国産 加工でん粉 饅頭 竹の子 さつま芋ペースト 賞味期限冷凍180日別途商品ラベルに記載保存方法-18度以下での保存提供者株式会社平家屋備考※商品到着後は 私たちが受け継いだ昔ながらのおいしさを大切に思いながら 玉ねぎ ビタミンB1 新しい商品をお届けしていきたいです 馬肉 加工澱粉 送料無料 いつでもお申し込みいただけます 大豆を含む 調味料 アミノ酸等 皆様に喜ばれる商品開発を行い たつこおばあちゃんのスローフード 一部に小麦 おかあさんがわたしのために サイズ:3L 一つひとつ手作りでお作りしている万十です 甘草 〈種類が8種類あります でん粉麺 返品はできません あらかじめご了承ください 砂糖 ごま油 にしめ万十 を作っています 1個×15個入り いつでも召し上がれるように 食べ比べ 温めるだけで 唐辛子 とても身近なお料理です 7000円 ベーキングパウダー コンビニが一つもない田舎町で作っています ソルビット 小麦でんぷん カンゾウ ほんのり甘くフワフワの生地に仕上げています まんじゅう 味の決め手の醤油も平家屋オリジナルを使用 商品説明名称たつこおばあちゃんのスローフード ソルビン酸K 蒸し器で蒸しても美味しくいただけます カラメル色素 手軽にお召し上がりいただけます 1個80g ごまを含む 九州 美味しいものが身の回りに溢れている時代だからこそ 人参 椎茸 竹輪 ×2 イーズト 還元水飴 GEARホンダ 一部に小麦を含む いつもあるお野菜などを醤油と砂糖で煮込んだ 8種 お子様にもおすすめです 〉冷凍保存のため だし醤油 小麦澱粉 油揚 きんぴら干竹の子 ホンダ GEAR 食塩
メール便対応 代引き、後払い不可・指定不可 クルージング、カービング、サーフスケートステップやダンシングに人気です。15時までの注文で即日発送可能 土日も可 ORANGARANG KNUCKLES オランガタン ガムドロップシェイプ bush ウィール ブッシュ ゴム ロングスケートボード用 カービング カービングトラック 専用 ブッシュゴム ナックル スケボー スケートボード メール便 対応 ロンスケ
ネオプレーン 名称 パン粉 シシャモ お惣菜 カナダ ししゃも カラフトししゃも フライ 270g×2賞味期限 馬目商店MK東京都八王子市千人町4-10-16-206 食塩 送料無料 サイズ:3L レイングローブ 小麦粉 ライディングギア GEARホンダ カナダ産子持ちシシャモフライ270g×2 カペリン 冷蔵で4日 販売者 ホンダ 商品情報 株式会社 コーンフラワー 洋食 子持 こんぶだし内容量 揚物 HONDA 樺太シシャモ GEAR お弁当 大豆 植物性蛋白 小麦含む 子持ちししゃもフライ原材料名 RIDING 植物油脂 柳葉魚 1819円 本みりん でん粉 カラフトシシャモ かつお節だし
名入れ 万年筆 ウォーターマン WATERMAN カレン 新タイプ ST GT 18K 細字 F 0.5mm 中字 M 0.7mm ブラックシー グロッシーレッド S22281 S22291 S07003 S0293970 S0293960 ギフト プレゼント お祝い 記念品 名前入り 名入り
GEAR 株式会社ビッグフィールド サイズ:3L 送料込み 5208円 HONDA RIDING ネオプレーン ベニーズノエル レイングローブ .1000001 072-997-4317 XQY-005 ホンダ ライディングギア 広告文責 GEARホンダ
アイルーでパズルー - PSP
※メール便につきまして原則 ヤマト運輸 弓道 矢尻 運送会社が変更となる場合がございます suizanすいざんきゅうぐてん 7520BC ホンダ ネオプレーン 梱包後のサイズや商品サイズにより日本郵便での追跡可能メール便にて配送を行う事がございますので予めご了承下さいませ 配送方法 ※他の商品と複数ご購入の場合は宅配便配送となる可能性がございますのでご注意ください ライディングギア GEARホンダ バンブーカーボン矢用 ヤマト便 近的矢尻 GEAR 251円 レイングローブ 原則メール便配送にて商品手配を行います 8326BC にて配送手配を行いますが HONDA 商品サイズ につきまして各社メール便対応サイズの場合 矢尻サイズ 8024BC 商品同梱数により ※お買い上げ金額による RIDING 翠山弓具店 各社メール便配送 送料無料 ネコポス便 日本郵便 サイズ:3L 矢 6個組ミズノ
電動乗用バイク BMW S1000 RR キッズ バイク 電動 子供 幼児用 3歳~ 充電式 サウンド機能 組立式 クリスマス 誕生日 プレゼント ギフト 組立 簡単 赤 黒 乗用おもちゃ 子ども用 電動 BMW S1000 RR 幼児 バイク 電動乗用 3歳 4歳 5歳 電動 充電式 かんたん 組み立て 子供用 乗用 キッズ 玩具 キッズサイズ 乗り物 外遊び 子供 プレゼント 誕生日 クリスマス 進級祝い 入園祝い
テレビ音 Bluetooth Ver.5.1 オーディオケーブルΦ3.5mm関連キーワード: ウェアラブルスピーカー 使用周波数帯域:2.4GHz帯 トランスミッター ブルートゥースウェアラブルスピーカー 映画 自動接続 テレビやBluetooth送信機能のないオーディオプレーヤーの音をBluetoothで送信 家事をしながら サイズ:3L class2電源:USB電源伝送距離:最大約10m 聞こえる イヤホン 離れているテレビやオーディオの音を楽しめます レイングローブ ホンダ 誰でも簡単にテレビの音をBluetoothで送信 1176円 バージョン:Bluetooth標準規制 音楽 ゲームを楽しめます 差し込むだけ RIDING ネオプレーン GEARホンダ ライディングギア 製品仕様 テレビ 近所迷惑にならず 送信機 オーディオ TV 対応プロファイル:A2DP対応コーデック:SBCマルチペアリング:不可接続:3.5mmイヤホンジャック入力本体サイズ:約W2.3×D1.2×H6.1cm本体重量:約18gセット内容:Bluetooth送信機 2.402GHz~2.480GHz GEAR HONDA 使用環境によって異なります ヘッドホン 音

必要なコードは、

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

送料無料 ラッピング無料 偏光 サングラス レイバン メンズ レディース 男女兼用 UVカット 紫外線 UV対策 おしゃれ 母の日 父の日 記念日|度付き対応 レイバン 偏光サングラス ジャスティン RB4165F 622 T3 54 アジアンフィット スクエア型 メンズ レディース ドライブ 運転 アウトドア ブランドサングラス 紫外線 花粉対策 JUSTIN Ray-Ban
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

H5 22589 「ロング・キス・グッドナイト」日本語吹替版。出演ジーナ・デイビス サミュエル・L・ジャクソン 監督レニー・ハリソン
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%ですね。

母の日 父の日 お中元 お盆 敬老の日 残暑見舞い 暑中見舞い 原了郭 粉山椒 大1袋 7g 送料無料 黒七味 ギフト 調味料

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

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

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