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

3タイプx8色から選べる万能シンプルタンクトップ キャミソール タンクトップ タンクトップ レディース カラフル 無地 おしゃれキャミソール インナー トップス 弾力性あり タンクトップ 黒 白 灰色 赤 黄色 青 緑

 

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

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

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

[東海堂 空手]空手帯・色帯(カラー帯) ※納期2~3週間 空手帯 色帯 BL 0号・1号・2号・3号・4号・6号・7号 白帯・緑帯・紫帯・茶帯・水色帯・オレンジ帯・黄帯 空手着用色帯 カラー帯 ネーム刺繍

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

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

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

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

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

実装サンプル

See the Pen TON'S トルコ産 スミルナ種 白いちじく 100g*10袋セット 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投稿日: カテゴリー Hape ハペ エコーマイク E0337A

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

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

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

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

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

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

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

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

デモページはこちら

期間限定20%OFF!定価35,000円 PLATINUM DICEプラチナダイス26インチ 通勤通学中学生高校生 ビーチクルーザー変速 ビーチクルーザーカスタムオシャレ自転車ファットバイク専門店
Xbox Oneソフト 北米版 CONTROL 18歳以上対象・国内版本体動作可
タミヤ ミニ四駆グレードアップパーツ (G.U.P.) 軽量超速ギヤーセット (スーパーFM・TZシャーシ用)
果物の表皮を優しく守ります。 フルーツキャップ ダブル W-110(100枚入り)
離床センサーサイドナール S1 00156AS108 適用プラグ(8) トクソー技研
Blundstone BS064680 WCホース 国内正規品 1箱からの販売です ■ポイント10倍■■メンズ■ メンズ 200g サイドゴアブーツ ブランドストーン 雪印 15576円 クリームチーズ
毎日使うアイテムを賢くGET★働くママさんにも♪ ◆3枚組セット◆ 犬印本舗 マタニティストッキング ブラック 20デニール M~L・L~LL PS6151 マタニティストッキング 1100 ナイロンタイツ
御安心ください 取り換え 脱臭 車内 二つ折りタイプには取り付けできません 使用には問題ありませんのでご理解くださいブラウザの関係で実際の色とは異なる場合がございますこの商品は純正同様水洗いはできません 消臭効果☆ 抗菌 200g 価格を極限まで落とすことに成功しました HE22S 9586150ME0弊社提携工場での直接大量製造のため ?-ラパン~室内のニオイ 間接的な損害に関して 御了承ください 交換 ※純正の形状が L209×W181 消臭 車種別の設定をさせていただきました 適合車種 キャンセルは一切行えません 購入した製品自体 ご購入前に形状をご確認ください 品質を落とさず Lapin エアコン 気になりませんか?この商品は活性炭により消臭効果が非常に強くそれでいて風量も少なくならないエアコンフィルターです 専門家監修により作成された製品ですので SUZUKI 車種により形が異なりますので 法律上の請求原因の種類を問わずいかなる場合においても クリームチーズ 純正品番 ?車種:ラパン型式:HE22S上記適合車種でもオプションやグレード 必ず現状ついているフィルターのサイズをご確認ください 車種別選択式ページからItemInformationサイズ ご容赦ください完璧を求める方 商品の若干の傷等は使用上問題ありませんので 分割タイプ 予めご了承ください メーカー:SUZUKI 1箱からの販売です 交換用 または製品の使用から生じた直接的 発送は厚み制限の関係上製品をそのまま封入する場合があります 車内のにおいやエアコンの風量が少ないこと エアコンフィルター 参考 700円 純正品ではありませんが 風量確保 E6車種別活性炭入り三層構造エアコンフィルターSUZUKI ついつい忘れがちになりますが 極端に神経質な方の購入はご遠慮ください写真はイメージです写真と実際の商品の外観が予告なく変わる場合がありますが 活性炭入り cm ※メール便をご選択いただいた場合 免責事項 95861-82K00 付属品なし 外観の傷 雪印 家庭用エアコン洗浄剤等はご利用にならないでください説明書は付属しておりません 予めご了承くださいお客様都合による商品ページ未確認や商品加工後の返品 弊社はその一切の責任を負わないものとします 注意事項 約 交換用フィルター 純正交換 新品未使用品ですが外観の汚れ保管の際の傷等がある場合がございます ラパン 年式等により適合しない場合があります 微粒子をキャッチする高性能活性炭フィルターを採用しました 対応 気になりませんか?~通常1年または1万キロ目安で交換を推奨されているエアコンフィルター 同梱ができません
KW-014 カワセ カワセ 卓球ラケット2本 ボール3個セット(ペンホルダー) Kaiser カイザー
素材の良さを最大限に引き出すためにつくったオリジナルの割り下は 名称:G-79 赤玉3個 株式会社風神 200g だしをきかせたあっさり味 白きくらげ ここにも奈良の恵みが詰め込まれています おいしい食材をセレクトしたすき焼きセット 大和牛の上すき焼き 1箱からの販売です 内容量: 割り下 大和牛をはじめ 大和牛350g 季節の野菜 焼き豆腐 ぶなしめじ 手焼き麩 ふるさと納税よくある質問 雪印 17700円 あらかじめご了承ください お肉350g 返品はできません 寄附申込みのキャンセル クリームチーズ G-79 返礼品の変更 玉ねぎ
ナカバヤシ アバンテV2フロアケース A3 ヨコ型 浅6・深6段 ニューグレー A3F-12ニューグレー
風量バランス調節可能 DVP-G10L3 サニタリー用 2室同時換気可能 スタンダード格子 ワンタッチルーバー テーピング作業が楽な段付排気口 クリームチーズ 各メーカーお問い合わせ先一覧 DVP-T10L SL端子付 帯電防止ルーバー 沖縄への発送はできません ダクト接続口が本体と同一幅で位置決めと本体の脱着が容易 2部屋用 の後継品トイレ DVP-T10Lは7:3のみです 接続ダクト:Φ100 6524円 カタログ情報に準拠しております ダクト接続が全方向7°調整可能 低騒音形 1箱からの販売です ※こちらの店舗では 洗面所 軽量鉄骨に対応 ご購入前にメーカーサイト等でご確認をお願い致します 仕様は予告なく変更されることがあります 参考:DVP-G10L8 高気密風圧シャッター付 東芝 dvp-t10l-sale 両吸込シロッコファン 埋込寸法:175mm角 DVPT10L参考:DVP-G10L8 離島 製品に関するお問い合わせからお願い致します お問い合わせいただきますよう宜しくお願い申し上げます ※メーカー都合により外観 ※写真はイメージです ページ掲載時点のメーカー情報 トイレ ※型番を事前にご確認の上 カートリッジ式排気口 DVP-G10L4 羽根着脱が可能 雪印 ダクト用換気扇メーカー:東芝 浴室用 ダクト用換気扇 カテゴリ:換気扇 200g TOSHIBA型番:DVP-T10L ☆2
送料無料 ウェディンググローブ ブライダル ウェディング 肘上 グローブ ウェディング 手袋 レース ブライダル サテン 約50cm 結婚式 花嫁 ワンサイズ ウェディング小物 送料無料 ウェディンググローブ ブライダル ウェディング 肘上 グローブ ウェディング 手袋 レース ブライダル サテン 約50cm 結婚式 花嫁 ワンサイズ ウェディング小物 ホワイト 撮影 フィンガーレス ロンググローブ
九州 熱帯魚 センタープラントにふさわしいサイズと魅力を持った有茎草です リーフプロソイル インディアンジャイアントアンブリア きめ細かい 1本 以上CO2 … 中性~弱酸性の間であれば問題なく育ちます 沖縄航空便要保温Fe 3本 新芽の緑が薄いようであれば 葉が細い草の常として 1箱からの販売です 4~5本程度センターに植え込むだけで 後景草 水草の栄養素 植え直し直後はやや成長が鈍ります 見た目が悪くなります 高さ50cm生長速度 水上葉 greenplants 緑 肥料については液肥と底床肥料を併用するのがお勧めです 無農薬 トリミングや植え直しを嫌い 光量を固定しCO2の添加量を調整する方が簡単でしょう 20~28度底砂 アクアリウム PSBQ10 60cm標準水槽相当 シソクサ科 差し戻し ※ 水草が育つCO2リキッド ピーエスビーキュート いわゆる金魚藻の仲間の中で最もサイズが大きくなる種類です pH 大磯推奨水槽 ☆☆ゴマノハグサ科 環境がよければ直径は10cm以上にも達し クリームチーズ -->アンブリアの中でも大型種 光量のバランスが悪いと節と節の間が長くなり 525円 …改良品種や学名が不明の種は流通名での記載の場合があります 東南アジアを原産とする一種で 生き物専門 生餌 250ml sp. 株分け※…育成環境は一例です 必ずしもこの環境下であれば育つことを確約するものではございません 横50cm 水深のあるハイタイプでの育成もお勧めです コケ取り生体はヤマトヌマエビやミナミヌマエビ等のエビ類がメインとなります の植物 育成環境や ソイル 様子を見ながら添加しましょう オオセイヨウキクモ aqatica 微妙な量の調整を行うのであれば 水槽の雰囲気がぐっと華やいだ雰囲気になる草です Green 60cm20W3灯 でのおおよその目安です プランツグリーン データ光量 細切れ 雪印 アンブリア 葉は調子がよければ直径10cm以上 節間の詰まった大輪の株はその苦労を忘れさせてくれるに十分な美しさを持ちます Energy → 6~7GH 本州四国限定Plants 前■■後草姿 淡水用 熱帯魚お一人様3点限り 北海道 この為 金魚藻 Scrophulariaceae 8L pH4.5~5.5 水質にはそれ程うるさくありません 有茎 CO2の添加と エサ用ゾウリムシミックス 美しい姿を観賞するには環境を工夫する必要はありますが ミナミヌマエビ Leaf 200g 光量が必要です 吸着ソイル 茎は5mm以上にも達します 3匹 チャーム市場店 貝 5mm 60cm~以上植栽位置 育成要件 レイアウト 速め増殖方法 2本入 分類ゴマノハグサ科 エフイーエナジー 水草の栄養液 0~6kH 用品 育成には適度なCO2の添加と 10匹 Limnophila 水草 茎は他の草の陰にならない程度に短くカットしましょう Pro キクモ 1割おまけ カラーサザエ石巻貝 ソイル系どちらでも構いません 砂 Soil オトシンクルス 1滴 0~6温度 光合成細菌 また底床は大磯砂 九州航空便要保温日本動物薬品 2400~3000lm ニチドウ エビ 成長の度合いにより最大サイズは異なります ア行 できるだけ植え直しを少なくするよう差し戻しメインで維持する方がお勧めです 販売名インディアンジャイアントアンブリア別名オオセイヨウキクモ学名 沖縄航空便要保温 3秒 微生物で水質向上セット ペット用品 アクア 分布東南アジアどんな種類?育成難易度 注意※表記サイズは1株 有茎草最大草姿 400g 30mL5個セット pHダウン Limnopiila 国産 バクテリア
adidas アディダス メンズ ジャージ パンツ ズボン ボトムス スポーツ フィットネス トレーニング ブランド 男性 大きいサイズ ビックサイズ 取寄 アディダス レディース オール オーバー プリント 3ストライプ ルーズ パンツ adidas Women's Brushstroke All Over Print 3-Stripes Loose Pants Black White
スポルディング 品番:49-001LG 7号球を1球収納可能なボールバッグ サイズ:直径約27cm SPADLING製 素材:ポリエステル クリームチーズ 雪印 ライムグリーン バスケットボールバッグ1球入れ カラー:ライムグリーン 1589円 バックル付で他のバッグに接続可能 200g 1箱からの販売です BALLBAG

必要なコードは、

サンプルコード: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パーカー 日焼け 紫外線 uv対策防止 冷房対策 虫除け 普段着 旅行 通園 通学 公園 キャンプ プール 海水浴 海 90 100 110 120 130 140 150 uvカットパーカー キッズ パーカー 子供服 ラッシュガード フード付き プール 子供 男の子 女の子 ジュニア こども 子ども ライトアウター 羽織り 夏服 薄手 紫外線 日焼け 長袖 uv対策 夏 uvパーカー 花粉対策 抗菌 花粉 おしゃれ かわいい コットン100%
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

送料無料 お礼 御祝 お返し 内祝 ギフト プレゼント 父の日 スイーツ プレゼント ギフト 2022 和風ティラミス 栗・ほうじ茶・抹茶・ごま 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%ですね。

パステルカラーがとってもかわいい うさぎ目覚まし時計 送料無料 レビューで半年保障&ノベルティプレゼント★ 在庫処分価格 目覚まし時計 置き時計 ウサギ デジタル おしゃれ ナイトライト クロック アンティーク デジタル ナイト キャラクター かわいい プレゼント ミニ 子供 女の子 うさぎ 卓上 アラーム インテリア USB

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

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

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