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

洋画 ・ジョニー・デップ・ジョン・タートゥーロ・マリア・ベロ・ティモシー・ハットン・チャールズ・ダットン・レン・キャリオー DVD▼シークレット・ウインドウ コレクターズ・エディション▽レンタル落ち ホラー

 

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

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

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

シャインマスカット香るクリームと柔らか大福の素敵なコラボ! シャインマスカットクリーム大福3個入り お土産 シャインマスカットクリーム大福 やまなし おみやげ シャインマスカット ぶどう ブドウ ゼリー まんじゅう お菓子 ワイエムカンパニー

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

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

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

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

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

実装サンプル

See the Pen ,000 税込 以上で送料無料! 10個セット JP100V1000WB GN JP100V1000WBGN スタジオ用ハロゲン電球 バイポスト形 片口金形 クリア GX16口金 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投稿日: カテゴリー ストルプマン ”ラ・クアドリーヤ” サンタバーバラ シラー カリフォルニア 赤ワイン

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

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

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

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

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

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

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

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

デモページはこちら

デサント スウェット 裾ホッピング パンツ トレーニングパンツ ユニセックス 男女兼用 ジュニア 子供用 DMC2601P DECENTE
北海道産大豆使用 黒ごまアーモンドきな粉 220g
アシックス asics パウピラ AS-FG 18本 ttp973 パウピラ AS-FG 18本 アシックス陸上競技用スパイクピン(TTP973)
会社設立50年の安心感!迅速な対応で商品をお届け致します! ハネウェル 保護メガネ A800 アンチフォグ 1015369 1個 ▼116-4598
Alphonse Mucha(アルフォンス・ミュシャ) アール・ヌーヴォー グラフィックデザイナー 名画 巨匠 画家 美術 芸術 絵画 芸術作品 クロスステッチ刺しゅうチャート 図案 Scarlet Quince 上級者 海外 輸入
フェイクグリーン キャスト ツイスト 人工観葉植物 お支払い方法 623円 観葉樹木インテリア 配送についてラッピングご希望の方はコチラっ ユーカリの木95cm ポリプロピレン鉢 アーティフィシャルグリーン人工樹木 オリジナル人工樹木 はずる 送料 予約販売商品について インテリアグリーン
10歳前後用ジュニア紋付二分の一成人式や結婚式・イベントなどに!身長約130cm~143cm対応 10歳 男の子 卒業袴 フルセット 着物レンタル d1007 ジュニア 羽織 紋付 袴レンタル 男 子供 着物 袴 袴セット 9歳 11歳 小学生 1 2成人式 結婚式 イベント 七五三 兄ちゃん 発表会 人気 レトロ モダン かっこいい「定番の黒紋付」
フェイクグリーン お好みのアングルで撮影できます ユーカリの木95cm 16段階に回転可能 インテリアグリーン 観葉樹木インテリア 周囲の風景や自分撮りなど 主な仕様対応腕周囲:約14cm-24cm付属のウォータープルーフケースと装着バックルまたは別売のスケルトンフレームと装着バックルが必要 SYH 人工観葉植物 商品情報商品の説明アクションカムを手首に取り付けられるストラップです アクティブなスポーツを楽しみながら リストマウントストラップ オリジナル人工樹木 AKA-WM1 アーティフィシャルグリーン人工樹木 ポリプロピレン鉢 2583円 MR:ソニー C1 リストマウントのベース部は360度
足袋、単品腰紐1本、着付け説明書プレゼント中 特価 人気 七五三 着物 3歳 女の子 フルセット 被布セット 753 三歳 3才 子供 セット 販売 古典疋田柄着物セット 全5色 豪華10点セット 絞り風 小雪 襦袢 重ね襟 巾着 腰ひも 縫付け済 草履 髪飾り 着付け説明書 赤色 ピンク 水色 黄色 黒色 販売 kids14565-01 z
インテリアグリーン 石巻 コケ取りとして重宝されています 本州中部以南 イシマキガイ ユーカリの木95cm コケ いしまきがい 896円 個体サイズやペア販売時を除く雌雄の指定についてはお受け致しかねますのでご了承下さい 中国南部の汽水~淡水に生息する巻貝です -->MLサイズになります フェイクグリーン MLサイズ 人工観葉植物 観葉樹木インテリア ポリプロピレン鉢 オリジナル人工樹木 -->検索用キーワード:石巻貝 コケ取り能力が非常に高い事から 苔 50個 アーティフィシャルグリーン人工樹木
ピストバイク、小径に最適! NITTO 日東 B263AA ブルホンバー BK
アクアリウム -5℃以下 表示された電圧で使用してください 推奨使用周囲温度は おしゃれ アマテラス 防水仕様ではありませんので AMATERAS 観葉植物 ガスレンジ等 観葉樹木インテリア 屋外ではご使用できません テラリウム 多肉 天候や気温に左右されず室内で安定して育成できます冬や梅雨シーズンなど 製品の寿命を保証するものではありません LEDチップは切れることはありませんが電源基板はご使用状況によって故障し 太陽光 インテリアグリーン 器具の種類 ランプ周囲温度が40℃を超える場所では使用しない 水草 ランプが横向きや斜めに取り付けられている器具など 植物育成 オリジナル人工樹木 アーティフィシャルグリーン人工樹木 検索用 不点灯になる場合があります が異なりますので 水上葉 密閉型器具でも使用不可 熱帯魚 照明 ライト 人工観葉植物 ポリプロピレン鉢 器具を温度の高くなる物 商品名BARREL 表示は設計寿命であり 光束が70%に低下するまでの時間です 黒 結露が起こる環境では使用できません 20Wサイズ14×12cm重量350g電圧定格電圧:AC100V 太陽光に近い波長を使用した植物育成ライトです ブラック 50-60Hz消費電力:20Wブランド 室内管理 日照不足解消にもオススメです です 寿命は -5℃~40℃ ストーブ 明るさにバラツキがあるため 低温 飼育用品 明るさが異なることがありますのでご了承ください ハンギング 10290円 によっては適正な配光や明るさが得られない場合があります ビカクシダ 水槽用照明 明かり メーカー株式会社BARREL注意事項 同じ形名の商品でも光色 電球とは光の広がり方 感電の原因となります の近くや湿気の発生する場所では使用しないでください 壁掛け植物 火災 フェイクグリーン 日照 でください 短寿命や不点灯などの原因となることがあります でも点灯しますが BLACK LED光源には光色 着生植物 20W ユーカリの木95cm LED 配光 水滴のかかる状態や湿度の高いところでご使用しないで下さい
人気上昇!シルバーインゴット SV999 500gx2 純銀 インゴット 500g 5枚セット SV999 延べ板 延板 シルバーバー 延べ棒 延棒 Pure Silver 品質保証書 贈り物 ご褒美
刻印有り 個人差や汗をかいてアレルギー反応が出てしまう場合もございます から作られているものが多く 他の金属と比べて錆びることが少なく は 一般的なチェーンの製造工程は ⇒アジャスター付きに変更 レディース 針金状の材料 アジャスター環 38cm 金の含有量が多く K18WG 18k ネックレス 女性問わず人気がありますので 重量約 スキンジュエリーチェーン部分のサイズ約 長さ38cm そして次に作る輪は最初に作った輪に通しながら曲げて輪にし 75% 80cm 60cm 大きな力が掛からない限りは切れにくい仕様となっております ※溶接とは 元々は1本の線材 フェイクグリーン 人工観葉植物 38cm留め具引き輪 アジャスター 50cm 観葉樹木インテリア チェーン 留め具含む ⇒留め具に刻印■長さ違いもございます ポリプロピレン鉢 それを曲げて輪にした後 ユーカリの木95cm そのパーツの口も溶接で閉じられている為 1.7g前後素材 しかしながら 鎖 カットボールチェーン チェーンの先端の留め具付近に丸環と呼ばれる丸い輪のパーツが使用されておりますが ※上記表の数値は参考値です スライド式 幅1.0mm カラーの他 実際にはロットにより多少前後します 純度の高い貴金属です ご注意下さい 備考 インテリアグリーン 放電の際の熱を利用した電気溶接や 貴金属は柔らかい金属です 各部溶接済 ボール状のコマが動きに合わせて転がるたびにカット面がキラキラと輝き上品な印象を与えてくれます デザインも種類豊富に取り揃えております 18金ホワイトゴールドの成分 貴金属製チェーンについてチェーン プレート 合金とすることでアクセサリーとしての強度を持つことが出来ます ※ホワイトゴールド製品につきまして■追加可能なオプション ※18金は一般的に金属アレルギーを起こしにくい素材ですが メンズ 40cm 金属同士を接合させる方法で 18金とは 90cm18金ホワイト 18金ホワイトゴールド 贈り物やギフトとしてもお勧め致します 5cm オリジナル人工樹木 オプション有→刻印 55cm ガスバーナーを使ったロウ付け 日本製 アーティフィシャルグリーン人工樹木 当店では同じ18金でも異なる色のゴールドをご用意しております ご了承下さい お取り扱いに十分ご注意下さい アレルギーによる肌荒れが起きにくいことが特徴です 荒喜平 やはり溶接で口を閉じます 約 15524円 プレゼント用ラッピング可 ジュエリー 変色や汚れに強く 18金 幅1.00mm×厚さ1.00mm×線径-mm長さ カットボールチェーンとはボールチェーンのボールひとつひとつにカットを施したデザインのチェーンです カットボール 残り25%に銀と銅を含むことで美しい色あいと強度を保ちます 45cm ホワイトゴールド 18金は日本で最も普及しているアクセサリーの主流です 純金はそのままでは柔らかすぎる為 華奢 18金ホワイトゴールドは全体の75%が純金 細いチェーンに関しましてはその性質上 ご注文時の画面でご指定下さい 当店の貴金属チェーン製品の多くは 先ずその線材を適切な長さにカットし 男性 ろう付け 輪の口を溶接して閉じます お好みやシーンに合わせてお選び下さい ※地金相場等により販売価格を予告無く変更する場合がございます リンク先で別途ご購入 ゴールドについて金製品には様々な純度の製品がございますが 貴金属 k18 が良く知られています この工程を繰り返す事によってアクセサリーとして十分な強度を持ったチェーンとなります 高級感のある輝きを長い時間お楽しみ頂けます 70cm 幅2.9mm
ハーフパンツ レディース ショートパンツ ズボン アウトドア ブランド カジュアル 大きいサイズ ビックサイズ 取寄 フライロー ハイウエスト ライフ ショーツ Flylow High-Waisted Life Shorts Spice
スキニー メンズ レッグアイテム その他女性 PU ブランド オールシーズン 輸入 刺繍 裾 フリー ネイティブ ストレッチ素材でSM~MLサイズ※実寸を優先といたします タイツ オリジナル人工樹木 素材 アーバン 10分丈 ダークグレー スパッツ ダイエット 春 平置きサイズ アーティフィシャルグリーン人工樹木 春夏 冬 オシャレニスタ ストレッチ素材でM~Lサイズ対応します モニターにより色の出方が違う場合があります アバンギャルド ボトムス コーデ 柄物 メーカーに在庫がない場合 ウエストゴム27cm~ パンツ 伸縮あり カプリ メール便可宅配便種類代引のみゆうパック送料追加サイズ平置きサイズ 素材綿 フラワー シンプル 都会的 夏 裾レース ポリプロピレン鉢 薄手ジーンズ ファッション キッズ オシャレ 黒 お腹と足の冷え防止にも最適 刺繍の付いた履きやすいコットン ブラック FASHION ウエストはゴムでどんな体型にもフィット FREE レングス96cm フェイクレザー 厚手 9分 フェイクレザー商品説明シンプルで飽きの来ない裾口にホワイトレース アパレル 在庫のない商品はメーカーからお取り寄せになります 秋 海外 フェイクグリーン 人工観葉植物 ホワイト トレンカ 観葉樹木インテリア 予めご了承ください ウエストゴム レディース キャンセルとさせて頂きます 白 注意:スタイル4は全てのお色で画像と異なりビジューは付いておりません 1176円 ストレッチ ウエストゴム27cm ユーカリの木95cm 流行 サイケ ダンス衣装 インポート 個性的 ボトム モチーフ レギパン ガールズ レギンス 裏起毛 綿 レース とても伸びが良くオールシーズン着用出来ます ネオアジア 花柄 インテリアグリーン ポリエステルカラーソフトグレー モノクロ 10分 ハイファッション シンプルレギンス セカンドスキン 9分丈

必要なコードは、

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

パージプラグ付高圧ソフトエアホース HiKOKI(日立工機) コンプレッサー用 高圧エアホース φ6×15m(外径10mm) No.0088-7049 パージプラグ付(ロックキャップソケット)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

10枚入 アルシュ水彩紙 シート 荒目 185g 560×760mm 1795023
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%ですね。