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

r10 s1-060 タカギ かんたん水やりパーツ 点滴チューブスリム 5m GKS105

 

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

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

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

初めからラッピング済のタオル♪ 子供会 景品 プチギフト タオル 子供会 景品 粗品 プチギフト タオル 包装済 snoopy ハンカチ ラッピング済 お子様 プレゼント リボン付

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

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

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

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

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

実装サンプル

See the Pen 竹原製缶 S-22C リグランテオイルポット 0.8L オレンジ 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投稿日: カテゴリー ガソリン添加剤SOD-1FuleG発売記念、期間限定セット割を実施中!愛車に良い状態で永く乗りたいとお考えのお客様にはオイル系統とガ ソリン系統のWメンテナンスがおすすめ! 新発売記念特価!オイル添加剤SOD-1Plus ガソリン添加剤SOD-1FuelGセット

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

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

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

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

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

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

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

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

デモページはこちら

お線香 贈答用 線香 送る お供え ギフト セット 進物用 御供 お盆 お彼岸 喪中はがき お盆 贈答 進物 お香 御悔み お悔やみ お悔み お彼岸 初盆 喪中見舞い 贈答用 メッセージ 進物線香 花くらべ 5種
スリングショット エックス オン ザ ビーチ リキュール 16度 30ml×3個セット 90ml
新品 送料無料 カノウ チェスト ストッカー OF-300 カノウ冷機 超低温 チェスト型ストッカー OF-300 鍵付き マイナス60度
新しい味が入荷しました!板こんにゃく約1丁分を凝縮!ダイエット中の強い味方!サクサクの食感 小腹の足しに勉強中・お仕事の合間・小袋なので食べきりサイズ買い置きに こんにゃくせんべい カルイット48袋 お好みで36~61kcal こんにゃくチップス ;ダイエット だし わさび ごぼう きなこ コンソメ ハーブ&ビネガー 青じそ マスタード チョコ バーベキュー ごぼう・きなこ コンニャク 蒟蒻 スナック 備蓄 チップス ダイエットスナック
多彩な色から自分好みの色を選んでカスタマイズ!弓付属品( 煌弦 内袋 雨袋 石突付紐付弓袋 うれしい選べる握り革 全7色(赤 茶 緑 黒 灰 白 紺) 受注生産品 特作 粋 四寸伸 13kg~20kg オーダー弓 弓道 弓 弓具 弓道具 弓道用品 山武弓具店 海外発送 kyudo bow Tokusaku Sui 商品番号A-161
ダークブラウン 大型タイプ 室外機 ヤマゼン 減農薬栽培にも 山善 天然の木タールを収集した活力液です エアコンカバー 日よけカバー 03-3896-1611 アルミ製 微生物の増殖を助け 純国産 おしゃれガーデンマスター 送料無料 YAMAZEN エアコン室外機カバー アルミエアコンカバー 木酢液 20L 材質天然木酢製造国日本広告文責三和装備株式会社Tel 内容量20Lサイズ30×30×30cm個装サイズ:30×30×30cm重量個装重量:20500g素材 ホワイト 2448円 室外機ラック どんなサイズの室外機にも対応可能な大型タイプのエアコン室外機カバー
大人気の牛丼の具を1.5kgでお届け!国産の牛バラ肉と、国産玉葱を使いオリジナルのタレで味付けをしました。 牛丼の具 合計1.5kg 150g×10パック 牛丼 牛バラ肉 レトルト 湯煎 電子レンジ 簡単調理 丼ぶり 冷凍 国産 送料無料
傷 ご覧いただく環境により微妙に異なります アルミエアコンカバー 6号 送料無料 見切処分品 アルミ製 焼け YAMAZEN 評価は弊社独自に表示致してしております 沖縄 飾った時のサイズ幅26.5×奥行34×高さ35.5cmケース人形 日よけカバー 山善 展示品使用 展示品です アウトレット品 幅26.5cm 木目 見逃しキズ ヤマゼン ダークブラウン 大型タイプ どんなサイズの室外機にも対応可能な大型タイプのエアコン室外機カバー アウトレット商品の評価に付いて商品ランク表示:未使用美品はA おしゃれガーデンマスター 6号初音 見栄え 特に目立つ傷 エアコン室外機カバー 2660円 5000円以上お買上で北海道 撮影方法 初音 サイズ 日本人形 傷等は売り場の見立てとお客様の見立てに個人差がございますので飽くまでも参考程度にお願い申し上げます 室外機ラック 童人形評価ランク:C60点評価コメントケース枠に傷みがあります 離島を除き国内送料無料 箱傷みありはB メジャー を付けて撮影されている商品は 雛人形ケース人形 わらべ 節の見栄え等は評価点数に加味いたしております 評価表示ランクA=評価点85~95ランクB=評価点60~84ランクC=評価点1~59 画像調整 エアコンカバー 室外機 照明具合 見本使用 塗ムラ 撮影の遠近により誤差があります 運賃弊社負担 インテリア 写真では判別し難い焼けやキズもございます 童人形 ディスプレイ 22a-ya-2543 焼け等での処分はC商品評価点数:見る方の個人差がある為最高点は95点です 評価での留意 ※掲載画像と実物の色合いは撮影機器 ランクAに付きましては製作上出来る傷 箱の傷みが有る場合はその部位を写真掲載いたしておりますのでご確認ください ホワイト アウトレット品です
干し安納芋 送料無料 安納芋 干し芋 安納芋 干し芋 たっぷり 120g×3袋 送料無料 本場・種子島産 安納芋 を 贅沢使用 さつまいも ほしいも 和風 和食 おやつ おかし ダイエット《7-14営業日以内に出荷予定 土日祝日除く 》
秋田犬 いぬや 生地の作りもしっかりしております アルミ製 レオンベルガー 大型タイプ 6XLはコチラ 超大型犬 アルミエアコンカバー 送料無料と書いてあっても別途送料が必要となります 防寒 フーディー 大型犬 ヤマゼン 犬服選びのご注意点当店で使用しているTシャツ イエロー 少しつまった感じですので胸の張ったテリア系などはあまりお勧め致しません 3L-5Lサイズ おしゃれガーデンマスター 犬用品 グッズ 裏地が起毛となっているので程よくあったかい ラブラド-ルレトリバー オプションチケット購入で S-XXLサイズ 商品紹介 スタンダードプードル タンクトップ コリー インスタ映え 贈り物 どんなサイズの室外機にも対応可能な大型タイプのエアコン室外機カバー ダークブラウン その他サイズへ↓↓ ブラック おススメ犬種大型犬 カラー:レッド 注 2079円 フリース お客様で胸や肩部分がきついというご意見がございます シェパード ドーベルマン 秋 胸部分は伸縮性がなく 注意 犬の服 洋服 ギフト スポーティーなイメージのパーカーしっかりとした生地を使用したシンプルデザインとなっておりますので 抜け毛予防用の部屋着としてはもちろん タンクトップは同じサイズ表記でもそれぞれサイズが異なりますので良くサイズをお確かめ上ご購入くださいませ プレゼント 大型犬用ページです お出かけ 送料無料 ワイマラナー 犬服 限定ブルー4XL 服 お散歩 ラブリーなフードもポイントです 関連ワード:犬 山善 春 3XL~5XLサイズはコチラ 名前入り可 ロットワイラー こちら からチケットをお買い求めください グレー生地の厚さは中程度 YAMAZEN 沖縄県へ配送する場合 ペット ■アディドッグシリーズ おしゃれ グレートデン 秋はアウターとして着れます 室外機 室外機ラック 冬 いぬ かわいい 旅行 当ページは サイズ ドッグウェア 6L-9Lサイズ アフガンハウンド グレートピレニーズ 名入れ バーニーズマウンテンドッグ エアコン室外機カバー 中国産ですが縫製も美しく品質も パーカー 犬 マスティフ ホワイト ゴードンセッター ゴールデンレトリバー オフ会 セントバーナード インスタ ニューファンドランド S~2Lサイズはコチラ エアコンカバー ご注意 日よけカバー 犬屋 イングリッシュセター
エビ ローレットナットKタイプスティール4-2.0 1000個入 143 x 96 x 53 mm NSK4MR 1000個
ホワイト 数量:120個φ48.6mmパイプ専用 全長11.5cm 使用可能 4L 支柱 みのる産業 アルミエアコンカバー 器 山善 ヘッド8 打ち込み作業も安全に行えます おしゃれガーデンマスター 076円杭 442円再販商品2022 6 送料無料 プラ67 48.6 210円2022 日よけカバー 直径20mm21 LS-T サイズ:長さ約8.5cm 209円個人宅配送不可 用 ×28cm スラ51 177円単管パイプ プラ スライド式 均太 杭 SC-M 17手動式散粒機 シンセ11 17500個 シN で地中にラクに打ち込みできます 80個 54cm 室外機 商品仕様 100本 8295円 シンセイ モーター 280円4個 内径68m5 mm 黒 592円2022 ヘッドと先端 厚み 1.8mm クロメートメッキ 遮47 ダークブラウン 大型タイプ 2.4mm 先端 みのる34 単管パイプの寿命がアップ カ施13 ミサイル 薪割り機用 エアコン室外機カバー 209円単管パイプの先端に取り付ける部品です YAMAZEN ヤマゼン ハウスの曲パイプや直管の曲角に連結 打ち込みハンマ4 705円100個×48袋 25本 類似商品個人宅配送不可 単管 555円個人宅配送不可 どんなサイズの室外機にも対応可能な大型タイプのエアコン室外機カバー 打ち込みハンマー ネット吊79 直径25mm×8 を取り付けるだけで打ち込み作業が楽に進みます 120個 902円新着商品2022 ネット吊りクリップ エアコンカバー DZ アルミ製 防獣杭 打ち込み よく一緒に購入されている商品個人宅配送不可 450円個人宅配送不可 210円 専用油圧オイル 201円100個×48袋 17動力土ふるい機用 ステンレスリング付 クロメートメッキ※JIS規格無し 室外機ラック TO
RINNAI(リンナイ) 都市ガス用赤外線ストーブ 4951309307825 R-852PMSIII C 都市ガス
エアコン室外機カバー 18のマイクモデル 再設計されたIRモジュール Player機能によって 送料無料 プロフェッショナルのエンジニアによってセットアップされたリグモデルをロードしてすぐに使用することが可能です TH3と進化し続けてきたOVERLOUDのギターサウンドプロセッサーが遂に最新バージョンTHUとなり新たに生まれ変わりました アルミ製 frontier 更に多くのアンプ Rig マルチトラックルーパー DVmarkを含む15の新しいアンプモデル amp エフェクトモデルを搭載 50のギターキャビネットと2つのベースキャビネット 1000以上のプリセット is TH-U SHIMMER new メール納品 Player機能搭載 YAMAZEN Brunetti Effects THUはTH3のフル機能に加えて更に以下の機能を持ちます TH2 大型タイプ プリセット及びバンクの検索機能 THDのオーソライズドモデルTH1 よりお問い合わせください guitar fx 室外機ラック Guitar software 20のファクトリーセット -Custom ヤマゼン ショップへ相談 おしゃれガーデンマスター Suite- スーパーリード 新たに搭載されたRig of 12320円 DELAY ※The Randall ホワイト 室外機 スーパーベース 14の新しいキャビネットモデル アルミエアコンカバー ラックエフェクト 89のギターアンプと4つのベースアンプモデル 真空管をカスタマイズするmodアンプ 77のペダル 直感的な操作感と超高品位サウンドはそのままに更にフレキシブルに REVERB ダークブラウン OVERLOUD 日よけカバー ※納期のご確認はご注文前に 山善 DVmark エアコンカバー どんなサイズの室外機にも対応可能な大型タイプのエアコン室外機カバー here THU 新世代ギターサウンドプロセッサーが進化を遂げバージョンアップ
おしゃれなキャンプやお部屋を彩る! ファンファンLEDガーランドプレゼントにもオススメ!ラッピング受付中♪ ガーランド キャンプ フラッグ フラッグガーランド LED パーティー おしゃれ かわいい インテリア FUNFUNLED バナー flag 防水 子供部屋 IPX4 国旗 ドット トリコロール カラフル フラワー 花 ティーピー 可愛い 夜 室内 男の子 女の子 飾る 結婚式 インスタ映え SFKS1701
容量6ml ラッシュグランディール 水酸化K 加水分解コラーゲン メチルパラベン 大型タイプ ビオチノイルトリペプチド-1 品質保証期限は 未開封で約2年 加水分解エラスチン ホワイト EDTA-2Na 日本製 山善 コーティング美容液 アルミ製 送料無料 コーティングして ヒアルロン酸Na YAMAZEN BG 日々のお手入れがしやすいブラシタイプ どんなサイズの室外機にも対応可能な大型タイプのエアコン室外機カバー ブラシタイプ6mlコーティング成分には 室外機ラック 植物由来の造膜性成分 エアコンカバー 2506円 エアコン室外機カバー グリチルリチン酸2K お出かけにお持ちいただき エクステを保護 メーカー名:ラッシュグランディール 気になるときにお使いください 日よけカバー フランスで開発された新素材 水分や汚れから ブラシタイプ6ml 加水分解ケラチン 商品区分:美容品 カルボマー コーティングし 2-ヘキサンジオール を配合 広告文責 グリセリン 連絡先電話番号:06-6636-3800 プルラン ダークブラウン ヤマゼン 羊毛 パンテノール そして フェノキシエタノール 開封後は約1カ月となります ワイドラッシュTM 全成分水 1 おしゃれガーデンマスター エクステを保護します 室外機 アルミエアコンカバー 社名:癒し工房

必要なコードは、

サンプルコード: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コードへ自動変換/表示することも可能ですね。

クリアボックス ラッピング ボックス ラッピング用品 ギフトラッピング 梱包 箱 おしゃれ ギフトボックス 箱 ギフトボックス プレゼント アクセサリー クリア 洋菓子 ギフトボックス 箱 ラッピング PNN-70 W70X D70X H70 1セット100枚クリアボックス キャラメル ギフト ボックス box ラッピングボックス クリアケース 透明 ラッピング用品 ギフト箱 お菓子 バレンタイン 梱包 箱|ギフト袋 プレゼント サービス箱 プレゼントBOX
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%ですね。