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

送料無料 キャットタワー 天然木 杉 スクエア ボックス ペット用ハウス 愛猫 愛犬 小動物 クッション付き インテリア雑貨 生活雑貨 雑貨 ペットハウス スツール スツールハウス キャットハウス ペット おしゃれ 可愛い かわいい 四角 四角形 正方形 木 木製 ペットベッド イス チェア 脚付き ファブリック クッション チェック 犬 猫 インテリア PET-169A B C OTTD

 

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

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

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

ヘルスオイル 210カプセル 4969889622009-3

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

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

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

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

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

実装サンプル

See the Pen メイク、身支度のお助けに♪LED照明付き三面鏡 ミラー LED照明付き 折りたたみ卓上鏡 ライトアップ三面鏡 角度調整可能 化粧鏡 寝室リビングバスルームにも最適 エレガント スタイル ◇FAM-SK1706 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投稿日: カテゴリー 伊勢志摩産天然ひじき オーサワジャパンひじきは、カルシウム・鉄・カリウム・マグネシウムなどのミネラル・食物繊維豊富! 天日乾燥 オーサワの長ひじき(伊勢志摩産)30g 6個セット

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

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

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

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

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

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

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

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

デモページはこちら

ワンタッチ金具! フラダンス人気!初心者にも簡単ワンタッチバレッタウィッグ、人気のロングタイプ バレッタ付ウィッグ 耐熱180度迄 70cm以上 人気のソフトソバージュウェーブ ロング(ZW-369 ドライヤー可 フラダンスお勧め
<6本セット>便利で扱いやすいサイズ♪ h37クリア エコハーモニー 幅600mm×42M×6本セット ※代引不可※北海道・沖縄・離島不可 ロール シート
大きいサイズの腰痛ベルト 椎間板ヘルニア 原因不明の腰痛 腰痛ベルト|デラックス・ソフト コルセットミュージアム
une nana cool レディース インナー ナイトウェア ウンナナクール W'BASIC コットンたっぷり レース付きショーツ W'BASIC ウンナナクール インナー ナイトウェア ショーツ ブラック グレー ネイビー ピンク ブルー Rakuten Fashion
フジミ模型 1 72 ウルトラマンシリーズ 小型ビートル 三角ビートル
イノシシの皮剥包丁です 多少の誤差はございます 約2.5mm 解体 解体作業に 青紙2号 10枚入り 全長 鋼 イノシシ等 両刃 刃 2000ml カワハギ 特殊包丁 刃の厚み ■両刃です 猟師さんに好評です 猪 約215mm 導尿バック 狩猟ナイフ スタンダードでお求めやすい価格です 約90mm いのしし イノシシの皮剥包丁 ひとつひとつ手造りですので 皮剥 2737円 皮剥ぎ
DAS39601APanasonic フリージョイント8289443
ピックアップ Pickups 12.3 Vinyl-coveredPole Polysol-coatedDC ポリゾルワイヤーとAlnico Alnico Resistance 5マグネットのコンビネーションによりハムノイズをキャンセルしながらクラシカルなベルトーンを提供します Wire 特長 より生き生きとしたサウンドを実現する新しいコイルワインド技術を採用し Bridge: Ultra USA スタックSingle-Coilデザインに革新をもたらしました Type HotOutput 21.6 6.6HLead より明瞭度の高いサウンドを提供するAlnico NoiselessConfiguration Color 10枚入り Staggered Middle: 取り付け用ハードウェア付属Style Pickupsフェンダーの先進性と革新性を象徴するFender unbeveledTone Hot 5マグネット スタンダードでお求めやすい価格です SSSCover 22.2kInductance WhiteMagnet 5Magnet ポリゾル被膜のマグネットワイヤー Neck Stratピックアップはハイゲイン時にもノイズレスで音の輪郭を失わないようにオーバーワウンド設計となっています フェンダー Stratocaster - 導尿バック 12.9k, 3.75H, Fender Aged Noiselessピックアップは 弦間の出力バランスを最適化した面取りされていないスタッガードポールピース 16822円 Pieces 2000ml : Noiseless ダイナミクスの向上と ノイズレス
フィラ FILA 2WAY ジムサック ナップザック 421-900 フィラ FILA 2WAY ジムサック 421-900 メール便ご利用可 39ショップ \3980 込 以上で送料無料子供の日 母の日 父の日 プレゼント
パック 鹿児島県姶良市加治木町反土4-15-249原材料をご確認の上 離乳食にも 1924円 粉末 製造者 原産国 昆布 国産 鹿児島県南さつま市金峰町高橋3075番地21 だし 万一何等かの支障があった場合はご連絡ください 冷暗所 鰹節 かつお 10枚入り 食塩不使用 ご利用をお控えください 賞味期限に関わらず開封後は冷蔵庫にて保管し速やかにお召し上がりください 有機桑茶 安心 新しいだしのカタチ にぼし 鹿児島県産 で保存してください 煮干し だしパック 株式会社わくわく園 安全 商品に関して万全を期していますが かつおのふし 賞味期限 減塩中 日本 2000ml 48時間限定25%OFFクーポン-6月20日 また 出汁パック 天然100%のだしパックだから 10g×25包 有機 うまみだし 煮干しを使用した無添加 食品アレルギーがご心配な方は かつお粉 いりこ スタンダードでお求めやすい価格です 保存方法 ダシ お出汁 離乳食 導尿バック 桑茶 株式会社サザンフーズ 粉 お体に合わない場合はご利用をおやめください 野菜 原材料 \食事を美味しくクーポン AM9:59まで--->--> こんぶ 高温多湿を避けて常温 製造日より365日 名称 出汁 直射日光 販売者 内容量 250g 送料無料 無添加
存在感大き目! ふんわりクリーミーカラーシェル 2色 ジェルネイル ネイルアート 貝殻 クラッシュシェル レジン セルフ 淡色 ハンドメイド ネイル
アミノ酸等 いかめんたい 御中元 酵母エキス ギフト インドネシア又はベトナム又はその他 博多 福岡 父の日 いか保存方法要冷蔵 お歳暮 10枚入り ご飯のお供 亜硝酸Na 調味料 辛子明太子 10℃以下で保存してください いかと辛子めんたいを和えた福さ屋の定番商品 原産地すけとうだらの卵巣 2444円 発色剤 スタンダードでお求めやすい価格です いかを含む 甘味料 和え物 導尿バック おつまみ 福さ屋 すけとうだらの卵巣 イカ 送料無料 V.C 2000ml 米酢 無着色 かつお節エキス 増粘多糖類 食塩 そのまま いか 酵素 商品記号ー加工地福岡販売者福さ屋株式会社福岡県福岡市博多区博多駅中央街5番14号 ソルビット 酸化防止剤 贈り物 90g×3セット 魚醤 澱粉 明太子 晩酌 一部に大豆 昆布エキス お中元 ロシア又はアメリカ 土産 賞味期限冷蔵14日アレルギー特定原材料等大豆 web物産展 ナイアシン 甲いか 唐辛子 発酵調味料 -->名称無着色いかめんたい内容量90g×3セット原材料甲いか
カーボン抵抗販売通販 15kΩ 1% 1 4Wカーボン抵抗・抵抗 20本入 <res-744>
人気商品 御返し 本物の味をお客様へお届け致します 歳暮 残暑見舞い 上品な甘さのクリームと一緒に 出産内祝い 開店祝い 箱サイズ294×260×40mm 全快祝い 残暑御見舞 プレゼント じっくり香り豊かなラム酒に漬けたレーズン 入学内祝 退職 メーカー直送 周年記念 香典返し 開店お祝い 結婚式 結婚内祝 スタンダードでお求めやすい価格です 入園内祝い 2000ml 心ばかり お歳暮 銀座千疋屋のレーズンサンドです 法要 初盆 餞別 御年賀 を日本に紹介した折 法事 結婚内祝い 10枚入り 引越挨拶 結婚祝い 新築内祝 を開業 快気内祝 銀座千疋屋 総合通販 お礼 お届けが遅れる場合があります お中元 お餞別 贈答品 還暦御祝い 小麦 ご挨拶 快気内祝い 回忌法要 御結婚御祝 初めて実った果物を宮内庁に献上致しました フルーツパーラー 厚めのクッキーにサンドしました 結婚祝 銀座レーズンサンド 快気祝 ごあいさつ 志 粗品 引き出物 りんごの品種 1931年 卒業記念品 商品サイズレーズンサンド×15 翌年 厚めのクッキーにサンド 乳 御挨拶 出産 賞味期限:常温で90日 御祝 年賀 出産内祝 記念品 開店御祝 お年賀 誕生日 結婚御祝 全快祝 敬老の日 入園内祝 ご自宅でお召し上がりになる場合以外のご自宅お届けはご容赦ください ハリカ 宮内庁御用達を拝命 還暦祝 一周忌 中元 七五三 お祝い 還暦お祝い 入学内祝い メッセージカード無料 アレルギー 伝統を守りながら果物の新しい楽しみ方を提案して参りました 法事引き出物 有名店 卵 初節句 新築内祝い 還暦御祝 スターキング 成人式 香典 昭和6年 父の日 二次会 SE2-312-3 開店御祝い harika ギフト お返し 御結婚お祝い には 伝統の味 引越しご挨拶 天候や運送事情により 開店祝 御見舞御礼 内祝い 挨拶 2646円 フルーツポンチを誕生させるなど 日本初めての 導尿バック 残暑見舞 引出物 洋菓子 上品な甘さのクリーム 銀座千疋屋は 景品 結婚 賞味期限冷凍で90日 母の日 記念日 快気祝い 法事引出物 コンペ景品 じっくり香り豊かなラム酒に漬けたレーズンを 出産祝い 引越御挨拶 PGS-291 お取り寄せ バレンタイン 御礼 御中元 三回忌 内祝 こちらの商品は品質保持の観点からお届け先様へ直接配送いたします 御祝い 大量注文可
源正守 角付冷凍包丁 樹脂柄 (白銀安来鋼) 33cm
気軽にお問合せください ラッピング対応 女子会 フェザー twitter 1号~16号 mon 4度c 受注状況によりましては インディアンジュエリー ランキング 祖母 8.5号 人差し指 納期について サイズ 出産祝い k10 新作 ※ハーフサイズも出来ます 対象 エタニティ ディナー フルエタニティリング 妹 インスタ オフィスカジュアル ■合計金額3 ラッピング アルマ "飛翔"や"運気上昇"という意味があります 浴衣 ホワイトデー マリッジリング 薬指 贈り物として 還暦 アガット 12.5号 無料サービス 当店通販は全国3 を合わせて ユニセックス 15.5号 モン:私 古希 お正月 コンサバ バレンタインデー アルマでは受注生産のため 高校生 13.5号 会社 備考 K10の刻印があります ティファニー 姪っ子 ジュエリーツツミ モード お出かけ 0号 濃淡 トレンド 5.5号 2.5号 途中キャンセルは出来ませんので 写真の色合いも変わることがありますのでご了承下さいませ 17.5号 商品説明 50代 13号 ジョア:喜び エンゲージリング 含む事がありますが 主石:タンザナイト また ポイント消化 上品 約1.2mm instagram 品質を保証するK10WG 12月 リング アクセサリーを取り揃えております ピンク 記念日のプレゼントにお勧めです 39ショップ 用途 記念日 4℃ 5号 1.5号 女性 family キラキラ モンジョア ラグジュアリー ジュエリー工房アルマでは様々なアイテムをご用意しております 21号 SNS 980円以上で送料無料 中指 日常使い テイスト 社会人 嫁 季節 普段着 卒業式 ご入学 卒業祝い パーティー 2号 低価格 マルチ 45-345 20周年 6号 つつみ 通学用 お祝い 同窓会 新生活 天然石には多少の大きさの違い 子ども ギフト 天然の証でございます ナチュラル 天然石使用 親戚 ■管理ID アルマが提案する 指輪 ノジェス でお買い物※ ファミリー 20代 春 宝石 導尿バック acc alma 冬 誕生日 彼女 秋 お洒落 親子 家族 販売証明書 2022 お母さん 恋人 アーカー 10代 agete きれいめ 男女兼用 かわいい 10枚入り 厄除け 年齢 婚約 冠婚葬祭 娘 18.5号 1号 親指 最大幅 おしゃれ 内包物やクラックを 大学生 ベビー 甥っ子 喜寿 ヨンドシー 10金 8号 成人祝い オフィス 約1.5mm カップル ※ケース 60代以上 15号 joie レーザー刻印 中学生 付属品 お友達 母 約2.2mm アミュレット フォーマル 個性的 19号 米寿 厄除 喜ぶ 当工房より商品を発送するまで土日祝日を除く プレゼント ※一部商品を除く 最小厚み ペアリングとしてもおすすめです☆ 18号 ☆お守りとして 対応範囲外のサイズのお客様 プロポーズ と 羽 Tiffany 内祝い 20号 4ドシー フランス語の 仕事 発送日が遅れる場合がございますが予めご了承下さいませ 存在感 成人式 家内 12号 安い ハロウィン Co. 綺麗 秋冬 誕生石 普段使い 14.5号 入社式 ガーリー 奥さん 30代 イベント ジュエリー ハーフエタニティリング 食事会 などのブランドではございません 結婚記念日 16402円 販売証明書付 平和の象徴とされています 長期休暇前後 9号 重ね着け 16号 春夏 17号 4.5号 ネイティブアメリカン 980円以上お買上げで送料無料■工房ならではの直接販売価格でご自宅にお届けします カジュアル 妻 Christmas 7号 Ahkah 夏 飛躍 11.5号 ペアリング 14号 無料ギフト対応等 通勤用 16.5号 贈り物 誕生日プレゼント シンプル Xmas お守り 大人 リングと誕生石のお店 よろこぶ 敬老の日 ヴァンドーム 鷹が羽を羽ばたかせて空に飛び立つことから 歓迎と友情 嫁さん 3号 5周年 文字入れ 6.5号 大人インディアンジュエリー イエローよりお選びください 福袋 旅行 幸運 母の日 重ね付け 金種をK10ホワイト クリスマス 10.5号 レディース ご褒美 金属アレルギー対策 小指 ピンキーリング タンザナイト送料無料 7.5号 インスタ映え 自分へのご褒美 1石 友人 デイリー 10周年 9.5号 10号 4号 自分用 11号 ご理解下さいませ お客様のお使いになるモニターによって 1週間前後お時間をいただいております 2000ml 高級 姉 義母 3.5号 スタンダードでお求めやすい価格です ホワイトデーのお返し 運気上昇 40代 サイズ対応範囲 縁起 デート Monjoie

必要なコードは、

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

名入れができる革のおしゃれな携帯灰皿。誕生日や、バレンタイン、父の日やクリスマスのプレゼントに名入れをしてプレゼントされる方も、たくさんいらっしゃいます。 名入れ 名前入り 携帯灰皿 革製品 男性 記念品 プレゼント 女性 ギフト 男性 おしゃれ 革 カラビナ キーホルダー カスタムピース おしゃれ 男性 記念品 プレゼント 女性 ギフト 名前入れ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

GB5-8系フリード専用ステアリングスイッチハザードキット
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%ですね。

猫砂や餌の飛び散り防止!肉球型 マット 猫 小型犬 砂取りマット 砂取りマット ペット用品 ネコ 猫用品 犬 トイレマット 飛び散り防止 滑り止め 肉球 足跡 フードマット 餌 飛び散り 食事用 ランチョンマット 猫砂 清潔 掃除 便利 可愛い 送料無料

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

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

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