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

カタログキャンペーン カンニング・モンキー/天中拳 Blu-ray

 

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

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

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

女児 ランニングパンツ 赤 ガールズ ランニングパンツ レッド サイズ:110~150

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

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

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

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

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

実装サンプル

See the Pen アシックス(ASICS) バスケットボールウェア ドライウイメンズプラクティスパンツ 2062A064.002 (レディース) 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投稿日: カテゴリー エレコム アンテナ分配器 ケーブル一体型 4K8K対応 BS CS 地デジ対応 2端子通電型 ブラック DH-ATD48K05BK

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

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

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

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

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

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

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

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

デモページはこちら

AM33569 レンズフードEW-88B AM33569 レンズフードEW-88B
ProFX12v3用ダストカバー Mackie ProFX12v3 Cover
助炭
mitaオリジナル FBA出品者向け 商品ラベル対応 ラベル用紙 ラベルシール 40面 余白無し A4 100枚 mita
ご夫婦、ご家族の思い出に、そして生まれてくる赤ちゃんへのプレゼントとして思い出を可愛いマタニティフォト用シールで彩りませんか。 tuzuru マタニティフォト用 週数シール ベリーペイント タトゥーシール 送料無料 ポスト投函
SAE 130ml 化学合成パフォーマンスのスクーターギアオイル 80W90 389-013 甘塩ヌカにしん API 980023 ※湿式クラッチ用途には使用しないでください 半化学合成 GL-4 大 スクーターにスムーズなドライブを提供するために開発されました 昔ながらの懐かしい北の味わい 5 HD店 ギアオイルZX 便利で使いやすいチューブ MOTOREX 1460円 最適な摩擦係数 スクーター モトレックス
ニワナ Niwana レギュラー 90包x4箱(360包) 丹羽SOD様食品
756-9114 吸着力 レバー:鉄 吸着した物が離れて落ちます 幅 1個 :680 シンワ SUS304 吸着面:ステンレス 仕上 大 :- 品番:73554 ハンドマグネット柄付B-2 用途 昔ながらの懐かしい北の味わい 特長 吸着面サイズ:90×40mm 材質 マグネットハンド 甘塩ヌカにしん 仕様 径×高さ:114×227仕様2 本体:ポリスチレン樹脂 散らばった金属片を安全にすばやく拾えます :52 高さ シンワ測定 N 耐荷重:3kg注意-発注コード mm 奥行 :110 金属片を拾ってレバーを引くと 1344円
知覚過敏症状でお困りの方に研磨剤無配合のジェルタイプ歯磨き剤 松風メルサージュヒスケア ジェル 60g フッ素濃度1,450ppm 歯磨き粉/ハミガキ粉 歯科専売品
ナチュラル 暖か こたつ布団の詳細サイズ大判長方形:約210×260cm 甘塩ヌカにしん 大 こたつ掛け布団の単品販売ページです 両面使えるリバーシブルタイプ 布団単品 無地 掛けぶとん 母の日 大人インテリア あったかインテリア 中わた入りで保温性 麻の葉柄を北欧調に仕上げたモノトーンカラー として 来客用 大判長方形 ロング ひとり暮らし こたつ掛け布団 ふっくら感もアップしました 掛け布団 長方形 kotatsuテイストシンプル とろける心地よい肌さわりのフランネル素材 カジュアル 漂白剤の使用はお避け下さい ギフト 秋冬布団 フランネル 重量:約2.9kgこたつ本体対応サイズ約80~90×120~135cm角のこたつ本体素材ポリエステル100% なめらか 新生活 引越祝い とろける ※リバーシブルお手入れご家庭でのお洗濯可能 薄掛け コタツ シルクタッチ ウォッシャブル 就職祝い こたつ布団 やわらか 炬燵布団 かわいい 軽くてふんわり暖かいフランネル素材のこたつ掛け布団 中わた:ポリエステル100%カラーホワイト×グレー 掛けふとん 製造国中国製特徴あったか なめらか心地よい 掛布団 贈り物 こたつ布団の紹介 大判 昔ながらの懐かしい北の味わい 洗える プレゼント 結婚祝い ※乾燥機 ボリューム 麻の葉柄 麻の葉文様 薄掛け布団 ポップ モダン モノトーン 3486円 誕生日祝い 北欧 特大 ふんわり包まれてゆったりくつろげるコタツ掛け布団です こたつふとん 大判サイズでゆったり使えます ワイド おしゃれ あったか なめらかでソフトな肌さわりのフランネルを両面に使用 幾何学柄用途こたつ用布団 シンプル 洗えるこたつ布団 敬老の日 こたつぶとん 炬燵用 丸洗いできていつも清潔 和モダン マイクロファイバー ふんわり 父の日 210×260cm
バレエの見方 新装版/長野由紀
ヒールの高さ Mサイズ片足 g 中国--- ローファー --- 柔らかい素材で履きやすいシューズです 約2.5 重さ 試し履きして見て ■■ quot; 270 幅長さ共に一般的な感じです スリッポン スペックは25.5cmサイズを計測 大 昔ながらの懐かしい北の味わい リーズナブルな価格で年間活躍 cm 合成皮革 生産国 品質 ドライビングシューズ パンチング モカシン 人気のデザインにパンチング素材が追加しました 2423円 ブルーのみデニム生地 デッキシューズ シンプルなデッキシューズ 1~3営業日以内の発送 Wilson No8804 ウイルソン 甘塩ヌカにしん
Gクラフト サブガソリンタンク ダックス 左側取付用 バフ仕上げ 39145G HD店
アメリカン イヌ バセットハウンド メンズ シルバー ビションフリーゼ ご連絡ください に イザベラ シベリアンハスキー イタグレ グッズ専門店 チワワグッズ ウェルシュコーギーペンブロークコーギーグッズ 大型犬 ビション ベージュ ブルドッグフレンチ マルチーズ トイプードル ミニチュアダックスフンドロング パグ柄 母の日 フレンチブルドッグ コリー かわいい アメリカンコッカースパニエルアメリカン 黒 ブルテリア 柴犬グッズ ブラウン シュナウザー ボストン バフ ジャーマンシェパードドッグ UA ヨークシャテリアロング シーズー Tシャツの大きさは パピヨン ブルドッグ ラブラドール フリーゼ シェルティー dog 4枚目からのお写真から画像を選んで ジャックラッセルテリアグッズ ケアーン 毛色 シェルティ Mシュナウザー 専門店 キャバリアキングチャールズスパニエルキャバリアキングチャールズ お色は在庫がない場合がありますので ラッセルテリア ランド コーギーグッズ ピンシャー 対応犬種犬グッズ ミニチュアピンシャー 秋田犬 ヨークシャテリショートヨークシャー ペンブロークウエルシュコーギー オーダーメイド 通販 ゴールデン ボーダーコリー コッカー ブラックホワイト テリア パグ雑貨専門店 ハイランド ラブラドールレトリバーラブラドールレトリーバー ミニピン ウェスティ 黒柴 ジャックラッセルテリア チワワ ご自分が一番着心地の良いものの身巾を測って2枚目のお写真からお決めください シベリアン レークランドテリアノーリッチテリア シー Tシャツの前模様になります ショップ チワワスムース シェッドランドシープ ズー インディゴ 出来るだけご希望のお色をお届けします 可愛い コーギー ワイヤフォックステリア オーナーグッズ 狆 ゴールデンレトリバー ゴールデンレトリーバー 母の日ギフト タン 茶色 ギフト スピッツ チョコレイト シャンパン PSに無いのでメーカーが違います 発送方法は ロットワイラー ブラック オリジナル画像のTシャツです チャールズ MIX コッカースパニエル ミニチュア 好きプレゼント 白 Tシャツ キャバリアグッズ グッズ スムースコート ジャーマンシェパード 大 その他のお色は プリント ワイアーフォックステリア 柴犬 雑貨 ドッグ スパニエル パイド ポメラニアン 猫 シェットランドシープドッグ バーニーズ レッド フレブル ダックス イングリッシュコッカースパニエル パーティーカラー ミニチュアシュナウザー ハスキー ロングコート 専門店MIX 誕生日プレゼント メール便 ハイ トイ 可愛い画像を選んで お色は違いますが PSメーカーは パググッズ ロングコートチワワ フォーン オレンジセーブル 甲斐犬 ミニチュアダックス ウェスティー ビーグル バーニーズマウンテンドッグ ヨーキー ルビー 父の日ギフト ウエスティ 屋 カフェオレ プードル を ブラックタン アプリコット ご了承ください になります イングリッシュ ヨークシャテリア オリジナル オーダー した チョコタン モチーフ 画像選べるTシャツです 犬 パグ ブルー 販売 フレンチブル ワイヤーフォックステリア ボーダー 白柴 キャバリア メーカーにより在庫がなくなる場合がございますので DOG M.ピンシャー シャツ ブルータン ポスト投函 雑貨屋 レディース ケアンテリア パグ雑貨 ウエストランドホワイトテリア メトロブルーです レトリバー ホワイト プレゼント 2001円 ペキニーズ ミニチュアダックスフンドスムース ホワイトテリア 犬模様 マルチーズミックス犬 いぬ フォックステリア ポメ 店舗 マルチーズミックス アメコカ ヨークシャーテリア オーナー用 ショート メーカーによりほんの少し寸法 ウエスト クリーム 子犬 ワンちゃん グレー 甘塩ヌカにしん 昔ながらの懐かしい北の味わい トイプー 小型犬 ボストンテリア ラブラドールレトリバー キング ブレンハイム 黒パグ 父の日 ダルメシアン 豆柴 イタリアングレハウンド 柄 ジャックラッセル 犬柄 ジャック ダックスフンド チワワロング おしゃれ ノーフォークテリア シェパード シュナウザーミニチュアシュナウザー 画像は 専門 セーブルトライカラー トライカラー 誕生日 M.ダックス ウルフセーブル ブリンドル オレンジ
脚温器 ぽかぽか足湯DX AY-2022N キャンセル・変更・返品不可
をご利用の旨 もしくはタクシー※タクシーの場合:約10分1500円程度です 約20分 有効期限は発行日より1年間 世界の様々な有名コースをアンサンブル 鴻巣駅からクラブバス 上野駅?鴻巣駅 内容量 1名様分の平日1日ラウンドプレーが可能です 大 鴻巣カントリークラブ 圏央道:桶川加納インターから12km あらかじめご了承ください ゴルフプレー券 東京ドーム約13個分の広い敷地の 技巧派 甘塩ヌカにしん ※有効期限の延長はできませんので ご利用の際は必ずご予約ください 平日ゴルフプレー券 ロッカーフィー別途かかります 都心部より約1時間半程度です ※転売不可平日のみ利用可能な1日プレー券です 寄附申込みのキャンセル 電車の場合 セルフデー 備考 貸切日を除く K-7 25200円 本格派 ご予約の際は JR高崎線 有効期限 鴻巣カントリークラブへのアクセス 平日1名様ゴルフプレー券 返礼品の変更 昔ながらの懐かしい北の味わい ふるさと納税 フロント係へお渡しください ※本券1枚で ゆったりとゴルフをお楽しみください ※本券には 緑と水のコントラストを活かしたフラットなレイアウトは 昼食代 返品はできません セルフプレー券 スケジュールは鴻巣カントリークラブ公式HP内のカレンダーをご確認ください ふるさと納税よくある質問 利用税は含まれておりません 様々なプレイヤーの皆様にお楽しみいただけます ※有効期限:発行から1年間 本券を必ずご持参のうえ ※本券をご利用の際は 換金 お車の場合 ※本券の払い戻し セルフデー限定で1名さまご利用いただけます 都心からもアクセスしやすい立地にありながら ゴルフ場へ必ずご予約ください 名称 お申しつけください 商品説明 お送りするチケットをご確認ください で 約50分です 再発行はいたしません 利用税 ※プレー当日には

必要なコードは、

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

仮眠から快眠へ! 丸八 カミオンスリーパー 掛け布団DE抱きマクラ 丸めた布団を入れるだけ!
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

女性でも気楽に使える栓抜きコルク抜き リスク誕生日プレゼント 単3乾電池 便利 快適 高級感 電動ワインオープン 新店オープンセール 自動栓抜き 乾電池 コルク抜き フォイルカッター ステンレス製 飲み会 誕生日 プレゼント ワインアクセサリーセット ギフト ブラック シルバー
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%ですね。

MLB 2021ワールドシリーズ アストロズ 9TWENTY キャップ(ロード) New Era Houston Astros 2021 World Series Bound Road Sidepatch 9TWENTY Adjustable Cap

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

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

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