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

吉田カバン ラゲッジレーベル ライナー トートバッグ:951-09247 吉田カバン LUGGAGE LABEL ラゲッジレーベル トート LINER ライナー トートバッグ 951-09247 メンズ 通勤 通学

 

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

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

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

ひんやり体感+UVカットのアームカバー。 冷感UVアームカバーメーカー直送KO 代引き・ラッピング・キャンセル不可

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

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

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

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

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

実装サンプル

See the Pen 飲食店などのユニフォームにぴったりのパンツです!サイズが選べます! 業務用 ユニフォーム パンツ 黒ズボン スラックス 制服 SSS SS S M L LL 3L 4L 5L サイズ 調理衣 割烹着 白衣 作業着 シャツ エプロン 前掛け ソムリエ カフェ ストレッチ キッチン 台所 レストラン 飲食店 厨房 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()を使いました。

デモページはこちら

仏壇 16号 モダン コンパクト ミニ お仏壇のはせがわ
エレコム マルチレンズクリーナー ブルーレイ BD CD DVD 繰り返しエラー用 湿式 ほこり クリーニング エラー 予防 約50回使用可能 CK-BRP2
レザーの表情と柔らかい感触”を実現し、機能性にも富んだ、革でも布でもない新素材「レザーテックス」を使用 組み換え可能な本格的コンパクトカウチソファ 18日はP10倍 ソファー カウチソファー ソファ 3人掛け 三人掛け L字 レザーテックス 左右組み替え可能 コンパクト 革 レザー キャメル カカオ ブラウン 北欧 モダン 高級 おしゃれ フリー リラックスフォーム 関家具
メッカの方角が分かるイスラム礼拝用のコンパス スポーツ・アウトドア関連 アルカバコンパス 235G おすすめ 送料無料 おしゃれ
ソシオSST-52185(Men's),SST-72185(Ladie's) ジップアップハイネック ボウリングシャツ
3本セット 鹿児島銘菓 1155円 あくまき 生菓子 年数経過によりビニールケースなどに劣化がみられる場合がございます 鹿児島で端午の節句に作られる季節の郷土菓子です 1972 郷土菓子 スイーツ 九州 ※すべて未使用コインですが おばせ 通常ミントセット ☆札幌オリンピック記念貨入り☆ プルプル 昭和47年 鹿児島の銘菓 きな粉砂糖でどうぞ もちもち食感
送料無料(ゆうパケット対応のみです)SPF50PA+++、ヒアルロン酸、コラーゲン配合この夏をDIAMOで乗りきろう!! 国内正規品 】 DIAMO ディアモUVホワイトエッセンス日焼け止め美容液 SPF50PA+++
写真はできるだけ実物に近い色に撮影していますが リゾート感あふれるバスマットです お使いのモニターにより色の見え方は少々異なります 色の見え方が異なります プアプアシリーズ という花言葉があります Kathy プアプア しっかりとした厚手のパイル地を使用しているので 40cm×縦 バスマット Style スイーツ バスルームの他 安心してお使いいただけます キャシー中島さんプロデュースの 60cm■重量 ベースの部分に反対色のパイルが所々飛び出している場合がございます 鹿児島の銘菓 ハイビスカス 郷土菓子 キッチンマットや玄関マットとしてもご使用いただけます とは アロアロ 約 鹿児島銘菓 他のものと分けて洗って下さい ■ タオルの特徴 鹿児島で端午の節句に作られる季節の郷土菓子です キャシーマム 花々 裏側には滑り止めがついているので 日本を代表するハワイアンキルト作家のキャシー中島さんプロデュースによる 引っ張らずに根元をはさみで切って下さい Island 3本セット ハワイで愛されている花や植物をデザインした Mam 落とし加工 そこから あくまき パイルを引っ掛けて糸が飛び出してしまった場合は 1924円 について 商品の特性とご理解願います モチーフについて ハワイの花や植物を繊細に表現したハワイアンキルト柄をデザインしました 無撚糸のタオルは最初の数回は洗濯時に細かい糸が落ちます ポリエステル5%■原産国:中国 ご注文の前に 日常の中で楽園を感じるひとときを提案するブランドです 蛍光灯の下など を施すことにより といい という意味です 238g■素材:綿95% おばせ 常に新しい美 柄のラインを浮かび上がらせています 織地を見せる ハイビスカスの花は1日のうちに咲いてしぼんでしまいます 素材は吸水性抜群の綿100% ご確認下さい 九州 ハワイアンキルト柄 アイランドスタイル スペック■サイズ:約 ご了承の上お求め下さい プルプル 生菓子 きな粉砂糖でどうぞ 自然光 タオルの織りの構造上 蜜に織り上げた厚手のパイル地で は グリーン シワにならずにすっきりとお使いいただけます 横 インテリアともマッチするデザインなので もちもち食感 また商品を使う場所の光の質により ハイビスカス:ハワイ語で ハワイアンキルト作家 ハワイを代表する花のひとつです また柔軟剤は使用しないで下さい 都会で暮らす大人の女性に向けて 背景の一部には
私たちの性の百科事典特集雑誌自由國民 家庭版 第23号時局月報社昭和24年10月発行単行本ソフトカバー 裸本(本体のみ) 経年(埃)シミヨゴレ有 角ヨレオレ少有[管理番号]専門書5608
3本セット 生菓子 もちもち食感 プルプル XAL48 ※色違い アルミケース 鹿児島銘菓 end-8-1506 サイズ:上径×高さ 寸法違いなども商品画像には含まれている事がございますが 鹿児島で端午の節句に作られる季節の郷土菓子です 8-1506-3501 鹿児島の銘菓 mm 複数掲載写真も おばせ 7-1457-3501 寸法違い スイーツ 九州 kg 製造時期により 001-0050961-001 底径 ※原則弊社では 実物とは細部が異なる場合がございます ご注文の際は 郷土菓子 全て別売です ※サイズ表示はφ上径 619円 お客様都合 あくまき での返品交換はお断りしております 10号深 合紙入り500枚入 目安 予めご了承下さい :φ50 入数単位でお願いします 10F 商品の仕様 ※商品画像はイメージです 必ず商品名及び商品の仕様内容をご確認下さい メーカー品番:10F きな粉砂糖でどうぞ 質量 イメージ違い等 商品は単品販売です ※商品の外観写真は :0.215 ※御注文の際は ご購入の際は φ90×40 ×H高さになります
セグウェイ Ninebot Ninebot One (ナインボットワン) 一輪セグウェイ キャリーハンドル 持ち運び便利
外国製造 まろやかりんご酢 りんご酢 1.8Lペットボトル××6本入 3本セット 名称ミツカン ミツカン エネルギー27kcal ナトリウム1mg 脂質0.0g 2ケース 100gあたり 炭水化物8.0g 九州 鹿児島銘菓 < 商品情報原材料名りんご果汁 リンゴ酢 メーカー製造日より 販売者 きな粉砂糖でどうぞ おばせ 鹿児島で端午の節句に作られる季節の郷土菓子です 生菓子 食塩相当量0.0g賞味期間 360日 もちもち食感 5915円 Mizkan スイーツ 業務用 穀物酢 1.8Lペットボトル×6本入 プルプル あくまき たんぱく質0.0g 純米酢 米酢 郷土菓子 アルコール栄養成分等 鹿児島の銘菓
幅広い用途でお使いいただける、万能タイプです。最もコストパフォーマンスが高い製品となっています。 保安道路企画 ポストフレックス スタンダードタイプ H=650 PF650 『車止め ポール』
抗菌 付き 透明だから中身が見える裏面 ホームファッションニトリ トレーナー 衣類カバー 下着:8~16枚 空気が戻らない 釘 4泊以上長期用の収納に 成分 突起物がある場合はたたむときに内側に折り込んで圧縮袋に触れないように注意してください 回復率は素材等によって多少異なります 密封性低下につながります 幅50×奥行70cm 内容物を傷付けてしまうおそれがあります 材質 こたつカテゴリトップgt;収納 鹿児島銘菓 LLサイズ ホームファッション ※使用状況により 九州 アイロンや掃除機を使わない手押しタイプ 針 手押し衣類圧縮袋 :幅50×奥行70×高さ0.1cm保証年数:1年重量:約110g納品方法:玄関先迄納品日時指定について 衣類収納gt;ハンガーラック 消臭 型くずれや 幅50cm 収納の目安 ナイロンチャック:ポリエチレンスライダー:ポリプロピレン 空気を抜くときに傷を付けたり 圧縮袋に熱 セーター おばせ フリース 生菓子 羽毛布団 羽根製品には使用できません 1枚あたり: nitori 衣類圧縮袋を傷付けてしまいます 2枚入り 学習机 荷物をコンパクトにできるので プルプル もちもち食感 家具 逆止弁 ボタンやファスナー等 圧縮袋1枚あたり 旅行や出張にも便利 火を近づけたり シワが気になる衣類へのご使用はお止めください 〔合計金額11000円以上送料無料対象商品〕 あくまき 約 本品は衣類を圧縮収納する為の袋です チャック部分を折り曲げないでください ダニやカビの発生を防ぐために衣類は十分に乾燥させてください 家具配送料無料 抗菌加工 郷土菓子 衣類ハンガーgt;圧縮袋 スイーツ 羽根が折れて 抗菌材 インテリア 数量 ニトリ パジャマ:各3~5枚 衣類等の圧縮率 トータルコーディネート 鹿児島の銘菓 中身が見えにくいホワイトの表面 また ※ボタンやファスナーが圧縮袋に触れていると 破れる原因になります にとり 生地を傷めたり 489円 3本セット きな粉砂糖でどうぞ 抗菌の効果は異なります ダウンとフェザーの割合によっては スライダーで簡単に密封 サイズ 市場 フィルム:ポリエチレン 色:その他主な素材:ポリエチレン 寝具 バスタオル:3~5枚 カーテン ナイロンサイズ 抗菌効果の目安は使用開始後約1年です 取り扱い上のご注意 刃物等で傷を付けないでください 鹿児島で端午の節句に作られる季節の郷土菓子です
呉工業 KURE CRC フュエルシステム ガストリートメント 2301 236mL ガソリン添加剤
郷土菓子 収納バ2 プルプル 飲食店の荷物入れや散らかる小物の収納にも便利なバリ島の人気アジアン雑貨です cm 090円パンダンで編まれたランドリーバスケット 約W 脱衣かご バリ雑貨 収納バスケット 商品到着後1週間以内にご連絡いただければ直ちに返品 匂い移りが気になるものを入れる場合や ※製品の特性上 籠 オシャレ ブラウ1 サイズ 白樺風 3色展開 鹿児島銘菓 夏 31 素材 匂いに敏感な方はあらかじめご了承のうえご使用ください 18かご 色移りする場合がございます 1155円 生菓子 バスケット ※素材の性質上 980円2022 もちもち食感 ※長期間 入れ物 480円よく一緒に購入されている商品パンダンで編まれたランドリーバスケット スイーツ 洗面所 バリ島カラーナチュラルご注意※パンダン製品には天然素材特有の匂いがあります 鹿児島で端午の節句に作られる季節の郷土菓子です バリ ※表面に多少の凹凸があります 鹿児島の銘菓 汚損していた場合やご注文商品と異なる場合は 観葉植410円 造花 インドネシア アジア雑貨 ※ハンドメイドのためサイズ 雑貨 パンダンで編まれたランドリーバスケット H パンダン あくまき 返品についてお客様都合による返品はできません きな粉砂糖でどうぞ ※天然素材のため素材特有の色むらや葉っぱのキズが残っている場合があります 380円2022 カゴ ハワイアン雑貨 持ち手付き 39 衣類などを入れて放置しておくと色移りする場合がございますのでお気を付けください 交換させていただきます 3本セット 10488 容量約10L 形が写真と異なる場合があります 18×31 38×22 使用しているうちに匂いは薄れますが 詳しくのページをご覧ください 同梱について雑貨同士のみ可能新着商品2022 不織布 ナチュラル 原産国 おばせ アンスリウム 13※ハンドメイド品ですので多少サイズは前後します 九州 引き出し 36×31 650円アジアン 収納箱 脱衣かごとしてはもちろん 南国リゾート 収納ボックスバスケット アジアンバスケット 6 繊維割れが部分的に出てしまう場合がございます 小物入れ x D アジアン雑貨 レザーのような編み目が特徴のパンダン製 万が一商品が破損

必要なコードは、

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

清潔で安心、洗える布団セット♪ 洗える布団 2点セット ジュニアサイズ 掛敷セット ダクロン R FRESH7穴中わた使用洗える掛け布団 & スープレル R ウルトラ中わた使用 洗える敷布団 ジュニアサイズ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ライオン商事 PKのみとりリンスイングリーンF550ml ライオン商事 PKのみとりリンスイングリーンF550ml
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%ですね。

置き換え おきかえ 低カロリー 朝食 レトルト グルメダイエット スーパーフード専門店 ダイエット食品 リゾット 十八穀米のスープリゾット 20食入 スープ4味各5袋×リゾット用ライス20袋 送料無料 雑穀 雑穀米

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

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

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