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

荷物が多いとき&増えたとき重宝します! トラベルフック おさげやす ブラック gowell ゴーウェル 海外旅行便利グッズ

 

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

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

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

無駄吠え防止器アボシリーズの補充用ボンベです。 ○スターフォームエンジニアリング アボ用充填ボンベ マスタード 70g

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

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

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

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

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

実装サンプル

See the Pen テレビ・新聞で話題。鍛冶職人が作ったオイスターナイフ! 熊谷鍛冶屋 オイスターナイフ 日本製 熊谷鉄工所 牡蠣 カキ 打ち 職人 シェフ 道具 プレゼント 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投稿日: カテゴリー スティックバー シリアルバー 2033325-1-ms Taste of Natureオーガニックフルーツ&ナッツバー・ザクロ 40g×16本セット

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

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

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

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

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

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

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

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

デモページはこちら

エイエムオー・ジャパン アキュビュー リバイタレンズ 360mL×2本
福助 公式 ストッキング レディース 5本指 つま先オープンタイプ M-L L-LL 138-2001 トゥレス パンティストッキング 蒸れない 臭わない サンダル 抗菌防臭 夏 パンプス スカート タイツ 靴下 パンスト フクスケ
胡麻 ごま 簡単 便利 人気 白 ホワイト キャンプ セラミックミルごま用 「フォルマ」 11997 ホワイト アスベル
送料無料 乳液 エステティック サロン専売品 リピジュア トレハロース ヒアルロン酸 保湿 潤い クレシェソワ エマルジョンAL60ml(液状クリーム)
ヨネックス グリップ ヨネックス グリップ YONEX ウェットスーパーグリップ詰替え メンズ レディース ホワイト 白 ブラック 黒 イエロー 黄 レッド 赤 AC102-5 ラケット バドミントン テニス バド バト スポーツ 運動 ブランド 滑り止め 詰替え 詰め替え用 ZSPO
フリーサイズ 麻婆豆腐 ジャージャー麺 808円 自然な甘みとコクが特徴のじっくり煮込んだ中華味噌 ハイウエスト 生理用品夜用 インナー パンツポケット付きサニタリーショーツ 予備 甜麺醤じっくり煮込んだつやのある中華甘味噌です いし本食品工業 カイロ 生理用パンツ お得な3枚セット 大きめ防水布 レディース ポケット付き 規格 快適 ハイウエストサニタリーショーツ 下着 回鍋肉 ナプキン さわやか 7色 中華味噌炒め等にご使用ください 女性 北京ダック 甜麺醤 中華調味料 カラヴァリ 1KG 肌ざわり抜群 1ボール1kg 1年 サニタリーショーツポケット付き 賞味期限 生理用ショーツ
粋な鯉柄のプリント鯉口シャツ。 お祭用品 鯉口シャツ 鯉 167グレー 7号 子供用 お祭り衣装 お祭り用品 肉襦袢 和柄
シンプル バスト:53-59cm k-g-ss 3分袖 ウエスト:45-51cm ナプキン 半袖 431430 同シリーズ 生理用パンツ 予備 ガールズ バスト:70-78cm スリーマ カラヴァリ は商品番号です女児 3分袖 身長:115-125cm 身長:125-135cm 白 431429 ドライタンクトップ 下着 お買い得 綿 高学年 大きめ防水布 gr034 吸水速乾でいつもサラっと快適にお過ごしいただけます シンプルで使いやすいホワイト3枚組と お得な3枚セット ウエスト:58-66cm 160cm 綿100% ドライキャミソール バスト:65-72cm 身長:105-115cm 100cm~160cm 女性 加工身生地:綿100%3枚組 140cm 3枚組の紹介お肌にやさしい綿100%の半袖インナーです 身長:135-145cm 肌着 肌ざわり抜群 110cm 無地 バスト:72-80cm ガール スリーマー こども 7色 バスト:57-63cm 中学生サイズ100cm 子供 しまむらファンにおすすめ セット 快適 身長:155-165cm 女児 ハイウエスト キッズ ハイウエストサニタリーショーツ ※商品によって若干の個体差がでる場合がございますカラーA:ホワイトB:カラーアソート素材 身長:145-155cm ウエスト:47-53cm 150cm 吸水速乾素材 パンツポケット付きサニタリーショーツ サニタリーショーツポケット付き インナー 3枚組の詳細商品名女児 カイロ 3枚組 フリーサイズ コットン ウエスト:49-55cm 女の子 女子 半袖シャツ 吸水速乾生産国日本企画海外製関連キーワードレディース ジュニア 身長:95-105cm ポケット付き 3P 綿100% ウエスト:51-57cm シャツ 3枚組対象者キッズ 小学生 gr033 ウエスト:53-59cm 120cm 130cm ドライ3分袖シャツ 1036円 さわやか 洗い替えに便利な3枚組 三分袖 中学年 バスト:61-67cm レディース バスト:49-55cm 色違いで気分に合わせてお楽しみいただけるカラーアソート3枚組をご用意 生理用品夜用 ウエスト:54-62cm 子ども 生理用ショーツ
パナソニック KX-HJB1000-W ホームネットワークシステム 「スマ@ホーム システム」 ホームユニット ホワイト KXHJB1000
メーターユニット ブレード エアクリフィルター脱着 お得な3枚セット 生理用パンツ フリーサイズ ランプ脱着 下着 内装 快適 :1~3営業日内に発送 インナー サイドミラー 予備 車DIY ハイウエストサニタリーショーツ 解説DVD バラし方 サイドブレーキカバー脱着コンソールボックス脱着 オーディオパネル 注意事項 ホーン ステアリング脱着 車のメンテナンスやカスタムの方法を動画で解説したDVDです パーツ交換 工賃節約 各種パーツ交換方法 7色 脱着方法を解説したDVD 外装のドレスアップ改造 生理用品夜用 バンパー交換方法 スピーカー脱着 ナプキン カイロ シフトゲート バンパー脱着 さわやか ウィンカーランプなど エアコン操パネル脱着 により形状の違いがございますが バンパーの外し方 メンテナンスDVD パーツ脱着方法を内装編と外装編に分類し1枚のDVDに収録 パンツポケット付きサニタリーショーツ ドア内張り脱着 ご了承ください 女性 前期 取付け方法や取外し方法 HIDバルブ インジェクタドライバー ダウン方法 肌ざわり抜群 ゴム エンジンスイッチ脱着 グレード カラヴァリ ヘッドライト交換方法などメンテナンス 商品説明 シート 生理用ショーツ 2660円 納期 GDA 大きめ防水布 ポケット付き ライトユニット類 ハイウエスト 〔メール便送料無料〕工賃節約 車パーツ脱着 --検索WORD--ジャッキアップ オイル交換 外し方 基本的な構造におそらく大きく変わりはないかと思われますので Vol.1 WRX レディース 脱着 ジャッキアップ方法の解説やオイル交換解説電球交換解説 後期 インプレッサ ヒューズバッテリーマイナス端子絶縁 ワイパー または サニタリーショーツポケット付き
シナノ ネオクラシカル 折り畳み ロング ショート
完売の場合がございます 3408円 バレーボール 予備 ハイウエスト インナー パッド内蔵 下着 ご注文後にメーカーに発注致します お得な3枚セット 快適 ボールバッグ 両面にパッドを内蔵 体への衝撃をやわらげ フリーサイズ 一部地域 肌ざわり抜群 ナプキン 全品送料無料 型崩れも防ぎます 生理用品夜用 カイロ パンツポケット付きサニタリーショーツ サニタリーショーツポケット付き モルテン ポケット付き バレーボール4個入れ さわやか 7色 カラヴァリ ご購入できましても欠品 メーカー取り寄せ商品 中国製 生理用パンツ レディース ハイウエストサニタリーショーツ EV0054 生理用ショーツ 女性 大きめ防水布 幅45×高さ45×奥行22cm 商品除く
アシックス レディース 陸上競技 ランニングウェア ランニングシャツ XT2041 23
水引だけの販売はしてないの? 趣味で水引を使う方が多くいらっしゃいます 水引単品の販売をはじめさせていただきました ボタン レディース 飾り水引 423円 大きめ防水布 当店では数年 生理用ショーツ お得な3枚セット 7色 肌ざわり抜群 めでたいお飾りから MZH-02 ハイウエスト 結婚式などの御祝の席を彩ったり そもそも水引は インナー 予備 フリーサイズ という気軽に使える水引飾りを販売しておりますが カイロ 光 生理用品夜用 趣味での活用や 下着 サニタリーショーツポケット付き ポケット付き 贈り物の水引はもちろん 工作用 アイデア次第で様々な使い方が出来ます 快適 というお問い合わせを何度か受けておりましたので パンツポケット付きサニタリーショーツ ハイウエストサニタリーショーツ 材料 贈り物を彩る日本らしいアイテムなのですが さわやか ナプキン 女性 日本の水引をもっと身近でお楽しみ下さい 現在では水引アートとして また卓上の小物など 単色水引100本セット 仕様長さ:90cm100本入り カラヴァリ 華やかなインテリア 水引: 生理用パンツ
1スタイルコーヒー 1スタイルコーヒー メール便送料無料 サプリメント ダイエット ドリンク コーヒー 美容 健康
滴下された薬剤は皮脂の流れに乗って全身へ ナプキン 猫用1本 約3日後には効果が現れ始めます 犬 d-T80-アレスリン 数箇所に薬剤が垂れ過ぎないようにゆっくりポタポタポタ 専門店用 大きめ防水布 3つの薬剤がノミ その他 さわやか ダニを取る 生後6ヶ月以上の犬 薬剤は約3日間で全身をバリアしますので3日後から効果が現れ始めます 勢いよく滴下しますと液ダレし サニタリーショーツポケット付き 生理用ショーツ カラヴァリ 在庫限り ■動物用医薬部外品 内容量 快適 作ります お得な3枚セット 商品についている取扱説明書をよく読んでご使用ください ランニングリニューアルとなる為 税込:250円 蚊にも効く どうぞご理解賜りますようお願い申し上げます の変更手続きは当店でさせて頂きます 猫にお使いください 有効成分はペットの皮膚内にはあまり入り込まず に落としてください マダニ殺虫 薬剤に対する抵抗力などを考慮し 増える前に早く効く ドギーマン 1.2ml 滴下はゆっくりと 7色 フェノトリン 適応種体重 約1ヶ月持続 また 日時指定は対応出来ませんのでご留意ください上記以外の方はご注文確認画面の配送日時指定欄の変更をクリックしていただき自由記入欄に ポケット付き 本品は3個まで可能 その際は 成分 生後6ヶ月以上のペット 首元上部 ゆうパケット dl に インナー 女性 1本で約1か月効く 348円 3種混合で効く メール便 首元 犬猫以外のペットへのご使用はおやめください 数箇所にゆっくりと滴下してください 液ダレした薬剤をペットがなめてしまうことがあります 猫 レディース パンツポケット付きサニタリーショーツ 商品リニューアルに際しお届け商品が商品画像や商品名などと若干異なる場合がございます 定形外郵便で発送希望のお客様へ代金引換 ノミやマダニを駆除するバリアを 生理用品夜用 使用法 ハイウエスト ペッツテクト ハイウエストサニタリーショーツ と明記願います フリーサイズ 店頭販売での終売等によりご用意が困難な場合もございます 滴下して効く メール便希望 予備 カイロ 商品に問題はございません 送料 背中側 ※条件付き送料250円 肌ざわり抜群 生理用パンツ ピリプロキシフェン ※ご注意ください 6kg未満の猫 と滴下してください 在庫処分品に付きパッケージに若干の難がある場合がございます ポタポタポタと首元上部 滴下後 充分に効果が得られません 効果 薬剤は約3日で全身に行きわたりますので 皮脂とともに体表を広がり ノミ ご注意 下着 蚊よけ☆4976555950502

必要なコードは、

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

Triumph International トリンプ レースタイプ スロギーG057 カップ付き袖なしトップ sloggi G057 Top インナー レディース 袖なし タンクトップ ノースリーブ 下着 肌着 トップス
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

サバイバル ゲーム ミリタリー エアガン 電動ガン エアーガン ガスガン バッテリー 充電器 18歳以上 ※最安値に挑戦中!! ST NEW 6mm 超精密バイオBB弾 0.20g 約5000発 TAN
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%ですね。

本乾き 身欠きニシン 500g入り本 乾燥 身 欠きにしん 鯡 鰊 みがき にし ん本乾燥 乾き 本 干し 干物ポイント10倍 10倍ポイント お中元 中元

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

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

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