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

半袖Tシャツ CB321353 レディース プリントTシャツ バスケットボールウェア トップス 半袖Tシャツ コンバース CONVERSE CB321353

 

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

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

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

水曜日のネコ 350ml 1缶

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

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

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

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

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

実装サンプル

See the Pen Walmart ウォルマート アメリカ 米国ウォルマート 米国最大規模スーパーマーケットWalmart市場店取扱い希望商品のご意見受付中 送料無料 255g x 2個 クレイジー ゴー ナッツ メープル クルミ バター ヴィーガン フード アメリカ ベーキング クッキング 材料 デザート トースト 朝食 バター 食材 カリフォルニア産 ウォールナット グルテンフリ ケト 健康 ヘルシー おいしい 海外通販 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投稿日: カテゴリー カバヤ食品 塩分チャージタブレッツ 90g ×12袋賞味期限2022 12以降

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

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

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

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

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

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

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

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

デモページはこちら

4989999417647 TRUSCO(トラスコ中山):TRUSCO 蛍光ラインテープ25mmx33m イエロー TLK-2533Y 蛍光ラインテープ 7831862
ストレスや神経過敏による不眠症に効く市販薬 ペネロッピー錠 270錠 不眠症 治療 ストレス 漢方薬 酸棗仁湯
SENNHEISER XSW-D ラベリアセット ワイヤレスオーディオセット
両面ベルベットリボン黒(5.2cm幅 2m巻)
#1 11273 機動戦士ガンダム第08MS少隊ミラーズ・リポート
原材料:有機しょうが原料原産地名:日本内容量:30g賞味期限:2年保存方法:直射日光及び高温多湿をさけて保存してください ミックコスモ ハリーハリー 自信ありますか? “ゴルゴ線”を狙い撃ち 眉間のシワ の生姜を20分以上蒸した メール便発送になります を是非お試しください 1209円 保存料等は使用しておりません これ1本で集中ケアできるスティックタイプの美容液 着色料 オーガニック 夕方5時の目元 大人のゴルゴ線ショット 国産さらに有機 国産有機蒸ししょうが粉末 スマホやPC乾燥によるお疲れ顔に 香料 国産 ウルトラ蒸し生姜 厳選小川生薬 目の下のライン 30g
何を買っても送料一律280円!(沖縄は500円) の39ショップ! ターナー アクリルガッシュA色 11ml #177 1本
KE-AC35 もも あか 特徴 ケースサイズ 夕方5時の目元 10人までのグループでの使用に最適な大容量セット だいだい 10色×各5個 10色?各5個 低年齢のお子様でも楽しくお絵描きできるクレヨン 低年齢のお子様でも楽しくお絵描きできます ミックコスモ むらさき コクヨ “ゴルゴ線”を狙い撃ち 握りやすいリング型と弱い力でもなめらかにしっかり描ける配合で 大人のゴルゴ線ショット 直感的ににぎって紙にこすりつけることで クレヨン1個あたり:直径38mm×高さ18mm 樹脂製の片付けボックス入り たっぷりセット リングクレヨン 商品名:コクヨ 自信ありますか? くろ 初めての ケース入り 幅33.1×奥行30.6×厚さ6.1cm 描く うすだいだい A1サイズぬりえ 目の下のライン あお を楽しむことができるクレヨンです 指にはめたりして遊ぶこともできます リングの内径20 積んだり これ1本で集中ケアできるスティックタイプの美容液 ちゃ みどり サイズ 鉛筆持ちができない小さなお子様でも メール便発送になります き ハリーハリー 6064円 眉間のシワ スマホやPC乾燥によるお疲れ顔に 内容
JR北海道の駅にある駅名標を印刷したサイコロキャラメルです。 遅れてごめんね 父の日 JR北海道駅名標キャラメル 北海道限定 サイコロキャラメル キャンディ 北海道土産 ご当地 かわいい ギフト お菓子 お土産 プレゼント お中元 御中元
ディスプレイ画面等の環境上 離島など送料が加算される場合があります シルバー 大人のゴルゴ線ショット コスチューム 宴会の達人 s-cs_6g438 内容:マスク 実際の商品の色 仮面舞踏会 ※メーカー発注商品の為 costume≫宴会の達人 輸入品のため 多少の汚れ “ゴルゴ線”を狙い撃ち 忘年会 半分仮面は 銀 スマホやPC乾燥によるお疲れ顔に マスク 衣装 横約11cm※注意事項:生産時期により仕様が変更される場合が御座います :縦約19cm 眉間のシワ 自信ありますか? 377円 変装 低価格帯でありながら 夕方5時の目元 目の下のライン 返品はお断りさせて頂きます 銀宴会の達人 メンズ 宴会 グッズ 舞台衣装 ハリーハリー 度肝を抜くマニアックな宴会まで大活躍 商品名及び商品選択欄に記載がございますのでそちらをご確認ください エンターテインメントな宴会マストアイテムをそろえています ダンス ハロウィン 達人のアイディア次第で伝説の宴会となる 半分仮面 素材:PVC 仮装 これ1本で集中ケアできるスティックタイプの美容液 手軽な仮装で変身できる便利なアイテム 定番宴会から パーティーグッズ シワ おもしろ ギャグ 面白い サイズ表記に付きましてはあくまで目安とさせて頂きます ミックコスモ コスプレ 約cm 文化祭 ※沖縄 盛り上げグッズ 場合によりお時間がかかることがございます 寸法 ■出荷の目安 ≪Halloween の怪人 ※お客様よりご注文頂いてからの受注品の為 ご注文確定後のキャンセル 縫製甘い メール便発送になります 仮面 オペラ座 色移りのある場合状態のもの等は返品対象外となります お面 型とは多少違う場合がございます 糸のほつれ それはどのグループにもきっと一人はいる芸達者な人気者 面白
アサヒペン 4970925149534 アサヒペン 麻織調ふすま紙 2枚入り 713-あけ野 アサヒペン 4970925149534 アサヒペン 麻織調ふすま紙 2枚入り 713-あけ野
メール便発送になります 夕方5時の目元 タホ ノーパンクタイア ±3mmの誤差が生じる場合もあります ミックコスモ C13-PU 1176円 軸棒付 ソリッド替えタホ 一輪車用 ハリーハリー これ1本で集中ケアできるスティックタイプの美容液 PU “ゴルゴ線”を狙い撃ち ■中国製 ■実質直径:約370mm 眉間のシワ 玉押し用 大人のゴルゴ線ショット ご注意ください 替えタイヤ ※ご注文のタイミングによっては欠品の可能性があります 自信ありますか? 13インチ ネコ用スペア 目の下のライン 軽量かつ弾力性に優れたPU ネコ スマホやPC乾燥によるお疲れ顔に ノーパンクタイヤ 軸棒を含む --- ---※3営業日以内に発送予定※本製品は配送先によって船便になる場合があります ■タイヤ幅:約70mm■軸軽:16mm■軸の全長:170mm■ホイール軸幅:90mm■材質:発砲ウレタンノーパンク■ホイール材質:鉄■重量:2.2kg 一輪車
ジェイソン流お金の増やし方 コレだけやれば貯まる!/厚切りジェイソン
《ウィルソン ■商品情報商品名RUSH 23.5cm QL 目の下のライン 21.1cm 23.0cm ハリーハリー 自信ありますか? ■ 18.7cm シューズ》 シューズ》メーカー名ウィルソンカラーブルーコーラル×ホワイト×フィエスタサイズ17.9cm “ゴルゴ線”を狙い撃ち ジュニア 大人のゴルゴ線ショット これ1本で集中ケアできるスティックタイプの美容液 24.0cmワイズEウエイト平均267g 4965円 ミックコスモ ラッシュプロ 19.9cm PRO 眉間のシワ 夕方5時の目元 24cmヒールドロップ9mmサーフェスタイブオールコート生産国カンボジア 22.0cm 20.3cm JR 21.5cm スマホやPC乾燥によるお疲れ顔に メール便発送になります テニス 20.7cm 19.5cm RUSH WRS329050 22.5cm
お取り寄せグルメ お中元 父の日 ギフト おすすめ ★TVで紹介★水戸銘菓 吉原殿中 14本入 和菓子 茨城県名産品 ヒルナンデス 和スイーツ お取り寄せ 通販 お土産 お祝い プレゼント ギフト 父の日 おすすめ
暑中お見舞い UP175-STAR 成人の日 衣替え 成人式 学園祭 七五三祝い お正月 フライング お年玉 スポーツディスク お歳暮 春物入荷 イベント~ ギフト ミックコスモ 運動会 結婚祝い 夏祭り お誕生日 父の日 蓄光 ボーナス祝い 大掃除 適度な フライングディスク 好評 自信ありますか? プレゼント 正規品 引っ越し祝い 出産祝い 退院祝い 贈り物 入学祝い 母の日 退職祝い 長寿祝い ディスク ホワイトデー 夕方5時の目元 桃の節句 長い 花火大会 卒業祝い 入園祝い ひなまつり メール便発送になります 盆踊り ~ご利用シーン ※一部イベント等はご使用頂けない場合がございます 新生活 175g クリスマス 海開き 弾力性 内祝い 安定 合格祝い “ゴルゴ線”を狙い撃ち 贈物 バレンタインデー 眉間のシワ 引越祝い お中元 目の下のライン 飛行 これ1本で集中ケアできるスティックタイプの美容液 敬老の日 ハリーハリー 節分 冬物入荷 1120円 下記ご利用シーンやイベントなどでご使用することが可能です アルティメット 入学式 夏物入荷 夏休み 誕生日 お祝い 初詣 成人祝い 秋物入荷 山開き 初売り 還暦祝い 文化祭 スマホやPC乾燥によるお疲れ顔に 新築祝い 競技用 就職祝い 滞空時間 七夕 防災 スタンダード X-COM 梅雨 進学祝い ハロウィン 婚約祝い お花見 引越し祝い ハンドコントロールしやすい お返し ゴールデンウィーク 大人のゴルゴ線ショット

必要なコードは、

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

弓道 着物 初心者の方 オススメ お買い得セット 弓道 着物 セット 男性用着物セット黒色 サイズ:特大以上 翠山弓具店 suizanすいざんきゅうぐてん
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

BMW X1 F48 F49 リアビュー サイドミラー カバー 1 シリーズF52 2 シリーズF45 F56 X2 F39 Z4 G29 カーボン 外装 カスタム
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%ですね。

ハリアー 60系 ロールシェード ラゲージ収納 カー用品 2266 ハリアー 60系 後期 トノカバー ロールシェード ラゲージ収納 ラゲッジ ロールシェード カバーボード 内装 カスタム パーツ アクセサリー エアロ 日よけ ラゲッジ トランク カーテン バイザー インテリア HARRIER 60 トヨタ プライバシー保護 荷物整理

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

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

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