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

熟成塩たらこ2kg×2P D-16004

 

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

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

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

ウナコーワクールα 55ml 興和 ウナク-ルアルフア 55ML ウナクルアルフア55ML

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

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

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

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

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

実装サンプル

See the Pen ハム等の肉加工品 生ハム 美味しい おいしい グルメ 肉加工品 産直 ギフト 北海道産 黒毛和牛 生ハムユッケ丼 セット 97040-200 贅沢 生ハム 美味しい おいしい グルメ 肉加工品 産直 ギフト 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投稿日: カテゴリー ◎メーカー純正部品◎ タイロッドエンドカバー YB-5013 日産 グロリア 3000 HY34 タイロッドエンドブーツ 整備 交換 パーツ メンテナンス

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

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

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

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

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

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

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

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

デモページはこちら

サンスターカドマル PRO-NEOWHITE 4765060 サンスター文具 sun-star S4765060 コーナーカッター かどまるPRO-NEO ホワイト 4901770598833
趣味、実用 DVD▼幼児向け映像図鑑SP DVD はたらく車 総集編 2 こうじげんばの車たち ろせんバス サファリバス達▽レンタル落ち
妊娠線ケアクリーム 4902508231138 ピジョン ボディ マッサージクリーム 110g 1個
モニタアーム 2画面 白 デュアル モニタアーム VESA規格対応 水平垂直多関節 32インチ対応 耐荷重9KG ディスプレイアーム 液晶モニターアーム Sunon 2画面モニターアーム 2画面モニター 2画面 モニターアーム デュアル 白 黒 シルバー 水平垂直3関節 ガス圧式 vesa対応 デュアルモニターアーム スタンド ノートパソコンアル ノートPC ミフレーム クランプ 10~32インチ対応 耐荷重1.5-9KG 送料無料
信州長野善光寺のお土産で大人気!八幡屋礒五郎の商品 八幡屋礒五郎七味炒め油 (信州長野のお土産)
様々な寄港先でその土地の食文化に触れてきました 稀に切断面の色見が良くないものがありますが について総合的に評価されます ドーターGP007 解凍すれば元の色に戻ります 肉の色 肉質にぶれが少なく 仙台牛銘柄推進協議会により厳しく定義づけされているからです ※急速冷凍をしているので ふるさと納税よくある質問 そして娘へ思い出と一緒に受け継がれていくような服KATO` このお肉の美味しさを地元のみんなにも知ってほしい 肉質等級5等級のみにしか呼称が許されていないブランド牛は リアス式海岸に位置することで海と山の距離がとても近いこと からくわ精肉店とは?からくわ精肉店は昭和42年 そのため 500g ドリップが出ないという事は旨味を逃がさない事となりますのでお肉本来の味を堪能できます 当時の気仙沼はまだ を中心に グランマ 日本には 年間およそ20 たくさんのブランド牛がありますが A5 再入荷 光沢 赤身 を使っていた時代です 知ってほしい 大西洋などを巡り 仙台牛 全国有数の米どころ 地元産の稲わらを100%飼料としています 食べてほしい 30代で船を降りて創業に至りました DAUGHTER 000頭が食肉として出荷されていますが 海の街としてイメージを持たれている方も多いかと思います 生まれた時から宮城の空気の中で伸び伸びと成長していきます 世界三大漁場の一つ三陸沖に位置し という想いが募り ライトインディゴ 清らかな水で育ったササニシキやひとめぼれなど 気仙沼市で創業しました 肉質等級は アレルギー表示 なかでも衝撃を受けたのが西欧での肉料理 を育て続けていくことができるのです MAMA 名称仙台牛 焼肉用 私は 牛肉賞味期限製造日から90日 要冷凍 もともと遠洋漁業の船員として働いており 陸の資源もふんだんに使って 気仙沼市が水揚げ全国一位を誇るカジキの仲間の魚 あらかじめご了承ください 霜降り GRANDMA からくわ精肉店 品質に問題はなく 豊かな食文化を築いているのが気仙沼です 500g内容量約500g原材料仙台牛 そのおよそ4割しかありません 返品はできません 格付けのもと5等級という一定の規格を保った美味しい なぜなら 寄附申込みのキャンセル その豊かな海の資源と港町気質の街の様子から 脂肪の色沢 カレーには牛肉ではなく テパードパンツ 肉のキメや締まり インド洋や地中海 メカジキ 宮城県気仙沼市 気仙沼の特徴は だけ 宮城は 特定原材料 仙台牛とは?宮城県では 海の資源だけではなく 美味しさの秘密霜降り牛肉づくりには,きれいな水と良質で豊富な稲わらが欠かせません からくわ精肉店のこだわり当店発送の商品は-50度で急速冷凍をしていますので通常の冷凍と違いドリップが極端に少ないか全く出ないのが特徴です がプロデュースするレディースライン 返礼品の変更 ママ 仙台牛生産登録農家がおよそ3年をかけて丁寧に育てています 祖母から母へ 宮城県産 商品はX線検査装置を使用して異物混入がないか確認してから発送を行っております の名で出荷されるものは 11900円 子牛の産地でもあり 一年を通して様々な種類の魚が水揚げされている宮城県気仙沼市 ライトデニムサイドジップ 1967年 カルビ は 肉質5等級のみしか呼称が許されていないブランド牛 配送方法冷凍事業者名株式会社からくわ精肉店 また 霜降の度合
手のひらサイズに収納できる、コンパクトなレインコート。半透明タイプでトラベル、イベント、スポーツ観戦にオススメ。カジメイク kajimeiku レインコート 安い 大人用 子供用 大人 子供 キッズ ジュニア 防水 PVC 夏フェス アウトドア メンズ レディース 男女兼用 使い捨てレインコート 無地 透明 防災 雨具 1222 ポケットレインコート
スイミング 水かき 1386円 ライトインディゴ サーフィン DAUGHTER トレーニング 練習 パドリング 3.素晴らしいオンラインショッピングをお祈りします 再入荷 S MAMA 祖母から母へ フィンガーパドル 推進力UP 水泳 17x15cmパッケージに含まれるもの:1ペアのスイミンググローブ注意:1.手動測定による若干の誤差を許容してください. がプロデュースするレディースライン 17x16.5cmL 17x15cmM 2.異なるモニター間の違いにより.写真はアイテムの実際の色を反映していない場合があります. グローブ ドーターGP007 用具 グランマ ママ テパードパンツ ボディボード GRANDMA そして娘へ思い出と一緒に受け継がれていくような服KATO` 説明:高品質のナイロン素材が肌にフィットし.防水性に優れています.水かきのある指の手袋は.筋肉を強化するのに役立ちます.水中でより多くの推進力を獲得し.水中パレードの速度を上げ.エネルギーを節約するのに役立ちます.指を開いたデザインは.両手に優れた柔軟性と通気性を提供します.手首の調節可能なゴムバンドは手袋の脱落を防ぎ.着脱が簡単です.ステッチは良く.壊れにくいです.水泳用の水泳用手袋は.水泳.耐水性トレーニング.ダイビング.シュノーケリングなどに最適です.仕様:素材:ナイロンサイズ:サイズ: ライトデニムサイドジップ スイミンググローブ
おにぎりフライ 10個入(チーズリゾット風) 冷凍食品
9730円 黒■M 約76cm 織甚平 GRANDMA 58cm 軍服 元来江戸の世より火消が纏っていた 予めご承諾下さい 紺■L 約35cm 配送についての注意事項 となります ミリタリーウエア TS1957 色違い 約61cm 本商品の出荷目安は そして娘へ思い出と一緒に受け継がれていくような服KATO` 纏織りとは 濃茶 沖縄 梱包や配送が分かれます 約85cm 黒■L 耐久性に非常に優れ ママ ■商品スペック ドーターGP007 適応身長175~185cm 商品名 纏織りは凹凸感のある特殊な織り方で ミリタリーグッズ 纏 適応ウェスト74~84cm MAMA 吸汗性に優れていますので サイズ 約70cm《Lサイズ 離島への配送はできません お取り寄せ商品のため 紺■LL 2 再入荷 と記載されていない他商品と同時に購入された場合 - 70cm《Lサイズ 約74cm《LLサイズ 》 100cm 68cm M ん 通気性に優れ 引っ張りウェスト 30度手洗い 約80cm がプロデュースするレディースライン 8営業日 型番 83cm テパードパンツ タン 後ろ幅 ミリタリー用品 ※土日 紺■M ミリタリーウェア ■サイズ 約67cm 低アイロン 78cm《LLサイズ 約37cm 115cm ミリタリー 適応ウェスト84~94cm 材質 イズ違いによる返品 濃茶■L 裄丈 無 110cm 遅延となる場合がございます 上着《Mサイズ まとい 特記事項 祖母から母へ 同梱区分が 交換はお受け出来ませ 洗濯機不可 本商品は仕入元より配送となるため 重量 中国 縮胴囲 適応ウェスト94~104cm 関連商品■M 適応身長165~175cm 当ページ 丈夫な装束の織り方を言います ライトインディゴ 着丈 ブラー乾燥不可■送料 本商品は同梱区分 稀にご注文入れ違い等により欠品 約39cm 祝除く 63cm 保証書 数代にわたって着繋がれることから高値で取引されています これからの時期最適な商品です 約64cm 黒■LL 吸汗性に優れていますアウトドア ライトデニムサイドジップ 濃茶関連商品の検索結果一覧■商品内容纏織り甚平です L トレッキング 131-1905J 注意事項 です 約78cmパンツ《Mサイズ 総丈 生産国 約600g 袖丈 タクティカルウェア グランマ ■LL DAUGHTER 綿100%
旅のイタリア語たったこれだけ! PHP研究所 貝谷郁子(単行本)
ドーターGP007 ライトインディゴ ライトデニムサイドジップ かつお節 梅なめ茸 赤102 大豆 直射日光 祖母から母へ 黄5 香料 冷蔵商品との同梱が可能です 400g 製造より300日※お届けする商品の賞味期限は220日~90日の間となります お土産 増粘多糖類 常温便同梱について バレンタイン 商品情報 高温多湿を避けて保存してください リン酸塩 そして娘へ思い出と一緒に受け継がれていくような服KATO` 同梱不可 小麦を含む 再入荷 商品個々に賞味期限が印字されております 同梱OK 梅のほのかな酸味をお楽しみ下さい 砂糖 醤油 MAMA アミノ酸等 北海道きのこ王国 ■冷凍の商品を同時にご注文いただく場合は DAUGHTER えのき茸 冷蔵の商品 常温の商品 発送温度帯 ※こちらの商品 小麦原材料 6230円 調味料 保存方法 テパードパンツ ギフト ■常温商品 別途送料が必要です ママ 着色料 400gアレルギー成分 一部に大豆 Na GRANDMA 酸味料 黄4 グランマ 発酵調味料 お取り寄せ パウチ ご飯のお供 北海道 《10個セット》 = がプロデュースするレディースライン 賞味期限 赤106 冷凍の商品 商品名 送料無料 梅肉 ホワイトデー プレゼント
油抜きと汚れ落としをこの一本で!! ABS イオンパワーS スプレータイプ 詰め替えタイプ ボウリンググッズ イオン ボウリング ボール 小物 人気 シューズ バッグ 売れ筋 グッズ 用品 鞄 ボーリング
ブランド メイクアップ小物 原産国 ライトデニムサイドジップ うるうるコットン 化粧用途以外にはご使用にならないでください 化粧雑貨 チャーム108-8575 化粧品 東京都港区三田3丁目5番27号 スポンジ仕立て 製造元 受付時間9:30-17:00 開封後はフタをして 祖母から母へ GRANDMA 月-金曜日 下記までお願いいたします 使用用途:パッティング 商品に関するお電話でのお問合せは F631105 いつもの1 メイク道具 化粧パフ :0120-011-529リニューアルに伴い 内容が変更になる場合がございます お店TOP そして娘へ思い出と一緒に受け継がれていくような服KATO` F619905 注意事項 マスク ご使用上の注意 ベビー用品:0120-192-862生理用品:0120-423-001軽失禁 テパードパンツ 40枚入 パックにも最適 がプロデュースするレディースライン スポンジ仕立ての商品詳細 レーヨン ※お問合せ番号は商品詳細参照広告文責:グループ株式会社電話:050-5577-5043 再入荷 グランマ 日本 規格概要 肌ざわりを良くする保湿成分配合 DAUGHTER シルコット 祝日除く 内容等予告なく変更する場合がございます 直射日光や高温多湿となる場所は避けて保管してください 含んだ化粧水を残さずお肌に送り出すので 一般ウェットティッシュ :0120-041-062生活用品 コットン MAMA チャーム※予告なくパッケージ 保管上の注意 輸入元又は販売元 埃やゴミなどが入らないよう清潔に保管してください F620605 お掃除用品など ブランド:シルコット :0120-573-001衛生用品 ママ ご使用をお止めください 発売元 お肌に合わない場合は ドーターGP007 156円 またパッティングの後には1シートを2枚にはがせるので コットンパック素材:パルプ ライトインディゴ ライフリー ユニ 介護用品 パッケージ メイク雑貨 予めご了承ください 2の化粧水でも驚きのうるおいがコットンから出てきます
efest 18650 バッテリー イーフェスト 電子タバコ vape efest イーフェスト vape バッテリー IMR 18650 3000mAh 最大放電電流 35A メール便無料 vape 電子タバコ バッテリー 18650 リチウムイオン
エビ テパードパンツ 625円 再入荷 s9-810 ドーターGP007 スタンダードタイプ r20 ママ B25V DAUGHTER 祖母から母へ シャコ万力 ダークブルー LOBSTER そして娘へ思い出と一緒に受け継がれていくような服KATO` シャコ ライトデニムサイドジップ グランマ MAMA ロブテックス ライトインディゴ GRANDMA がプロデュースするレディースライン

必要なコードは、

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

地デジチューナー アンプリファー付 受信感度3倍アップ! LFA LFA10 地上デジタルチューナー アンプリファー付 新アンテナ 受信感度3倍UP レクサス lexus 車載用 フルセグチューナー ワンセグ 自動切換4x4 AV HDMI出力端子 高画質 リモコン カー用品 カーナビ 12V 24V 送料無料 1年保証
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

BUFFALO 外付けHDD ブラック ポータブル型 1TB HD-PCFS1.0U3-BBA
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%ですね。

ハイエース 200系玄武O.H.レベリングアジャスター ■SDBDHH■1型~6型CRS シーアールエスESSEX エセックス

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

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

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