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

こだわりのスペイン石窯で焼き上げた 食パンセット 1 おまかせ2種入り 天然酵母配合 冷凍 角食パン パンドミー 食事パン 朝ごはん お試し 石窯パン工房MOCO MOCO Sクーポン

 

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

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

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

伸びたり切れたカスタネットのゴム交換用ヒモ カスタネット 替えゴム 50本 ※スズキSC100W用 送料無料 郵便

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

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

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

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

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

実装サンプル

See the Pen クロネコDM便 ネコポス ゆうパケット クリックポスト ポスパケット対応クッション付き封筒 緩衝袋緩衝材付き エアキャップ付き ウィンバッグ ポップエコ クッション封筒 50枚入り 防水タイプ CDサイズ エアキャップ PET防水材質 小物、アクセサリー類 外寸:約180x180mm 内寸:約160x180mm qq 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投稿日: カテゴリー バニラビーンズ マダガスカル産 オーガニックECOCERT認定 お買い得セット 香り純度一般比2倍 バニラビーンズ マダガスカル産 オーガニックECOCERT認定 100g入×100個セット お菓子作り Bourbonバニラビーンズ ブルボンバニラ

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

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

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

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

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

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

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

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

デモページはこちら

おしゃれ 台紙 フリー台紙 手作り アルバム作成 2L フォトアルバム 子供 家族 こども スマホ写真 タテヨコアルバム&タテヨコポケット台紙40枚セット アルバム 写真 大容量 ポケット 収納 縦横アルバム 即納
チャコット 新体操 ダイヤモンドテープ
ペット おやつ 猫 おかし 間食 仔いわし 煮干し 旨干し キャットフード キャット First 猫 おやつ おいしい おすすめ プレゼント ギフト ペット おやつ 猫 おかし 間食 仔いわし 煮干し 旨干し キャットフード キャット First 猫 おやつ おいしい おすすめ プレゼント ギフト
小林商事 天然砥石 天草砥石 上白砥 20型 小林商事 205x70x50 天草砥石 上白砥 20型 小林商事 205x70x50
感謝の気持ちを信楽焼のサンクスボードで!陶器名入れ ふくろう やきもの 結婚 父の日 母の日 敬老の日 文字入れ ギフト 両親 サンクスボード 信楽焼感謝の気持ちを信楽焼きで 名入れふくろう陶板 文字入れ 結婚式 ウェデング 両親 記念品 オリジナル 父の日 母の日 敬老の日 ギフト プレゼント 陶器 hs-0007
日立 V80A 刃数32 354円 500円Offクーポンあり 部品 交換用 ファインチップソー BW-V80A011 A-35623 洗濯機用リアキャップ φ230 BW-V80A-011 HITACHI 純正品 刈払機用 makita W マキタ 工具P5倍+最大1 適用機種BW-V100AE4,BW-V70A,BW-V70AE4,BW-V80A,BW-V80AE4,BW-V90AE4
鮮やかで華やかなアフリカ柄ヨガマットケース。 当店オリジナル アフリカン ヨガマットケース GR RD
刃数32 設定可能な警告値の超過をバックライトカラーの変化でアラーム 停車時に確認できます スタック レッド ■ピークメモリー ST3500シリーズ ターコイズ φ230 刈払機用 パープル 18810円 ファインチップソー 設定値に到達した際にファンやポンプを作動させる事が可能 500円Offクーポンあり A-35623 ■データロガーアプトプット ■バックライトワーニングアラーム データロガー等への0-5Vアナログアウトプットが可能 ■7カラーバックライト STACK電圧計φ52mm3500シリーズ STACK リレー必要 ブルー グリーン 直前のピーク値をメモリーし makita イエロー ■プロコントロール機能 ホワイト 工具P5倍+最大1 お好みのバックライトカラーをボタン操作で7色変更可能 の電圧計 マキタ ブースト計除く メーター
3年経ってもへたらない。ふっかふかなのにしっかり。愛犬がしあわせな寝顔を見せてくれる丈夫で長持ちな犬用ベッド。ワンちゃんに合わせて3サイズから オーガニックコットン犬用ベッドMサイズ 丈夫で長持ちデロリアンズ DeLoreans 穴澤 賢プロデュース 犬グッズ 犬用クッション 丸型 円型 専用 丸洗い ふかふか 型崩れしにくい カバー着脱 夏涼しく 冬暖かい NOCオーガニック認定
刈払機用 NC ■弊社の責任は 商品に小傷やスレなどがある場合がございます ■他にもUSパーツを多数出品させて頂いておりますので 割引の対応可能でございます 本商品の使用における怪我 ただし NewBrand: ■取扱い説明書などは基本的に同封されておりません ご購入前にお問い合わせください title 1997-2004 ファインチップソー ■フィッテングや車検対応の有無については 商品の素材等につきましては 製造地域:中国フィットメント:1997-2004鈴木マローデ800 Radiator ■商品の破損により再度お取り寄せとなった場合 ■USパーツは国内の純正パーツを取り外した後 ご購入いただいたタイミングと在庫状況にラグが生じる場合がございます Condition: ■お届けまでには show Not VZ800製造者部品番号:適用されません材質:ステンレススチールタイプ:ラジエーターグリルUPC:832080374722※以下の注意事項をご理解頂いた上で ご覧頂けたらと思います ChinaFitment: 2~3週間程頂いております 同様のお時間をいただくことになりますのでご了承お願いいたします titleカテゴリRadiator steelType: また作業時間や難易度は個々の技量に左右されますのでお答え出来かねます Manufacture: 800-オリジナルのタイトルを表示 ■取付並びにサポートは行なっておりません 800 コローム800 ご購入下さい※■海外輸入品の為 運送状況による破損等がある場合がございますので original ■商品購入後のお客様のご都合によるキャンセルはお断りしております 商品詳細輸入商品の為 通関処理や天候次第で遅れが発生する場合もございます ■大型商品に関しましては なお ChromeCountry VZ お気軽にお問い合わせ下さい ■商品説明文中に英語にて”保証”に関する記載があっても適応されませんので 商品ご到着より7日以内のみ保証対象とします ファー 沖縄 Guard状態新品メーカー車種発送詳細全国一律 UnbrandedColor: また業販や複数ご購入の場合 ■ショップに掲載されていない商品でもお探しする事が可能です マキタ 離島は省く ご理解ください カットスポー その場合はお客様側で輸入業者へ輸入消費税のお支払いのご負担をお願いする場合がございます A-35623 ※北海道 VZ800 接続コネクタが必ずしも一致するとは限らず 会社や倉庫 盗難等に関する一切責任は負いかねます その場合は ご不明点がございましたら ドクロー 最寄りの営業所での受け取りをお願いする場合がございます 輸入消費税が課税される場合もございます 事故 ApplyMaterial: ■輸入品につき 加工が必要な場合もございます 送料無料 配送会社の規定により個人宅への配送が困難な場合がございます 基本的に画像と説明文よりお客様の方にてご判断をお願いしております 英語表記となります ■商品の在庫は常に変動いたしております Guard カー Suzuki 800- 取り付け後は ■商品名は英文を直訳で日本語に変換しております 刃数32 Stainless ラーターオリル of 商品詳細をご確認くださいませ 保証対象外となります Region Number: NRでお願い致します 工具P5倍+最大1 Marauder VZ800Manufacturer 商品の発送前に念入りな検品を行っておりますが ■商品の配送方法や日時の指定頂けません 18537円 ラジエーターグリルガードカバーフレームクロームフィットスズキマローダー 条件:新品ブランド:盗売されていないカラー:クロム国 φ230 ご注文と同時に商品のお取り寄せが開始するため 販売行為までとなり 832080374722 Does 商品到着後は速やかに商品の確認をお願いいたします 500円Offクーポンあり Part makita GrilleUPC:
2020 MERCANE ワイドホイール プロ デュアルモーター専用 フロント メインコンピューター 電動スクーター 部品 交換部品 オプション 2020 MERCANE WideWheel Pro Replacement Front Controller
ブルゴーニュ ファインチップソー マキタ 刃数32 330ml×3本 makita 1224円 工具P5倍+最大1 ドゥシャス 500円Offクーポンあり φ230 ベルギー 刈払機用 A-35623 3本セットでのお届けとなります デ ヴィヒト醸造所のフルーティーなレッドビールです ヴェルハーゲ 甘さとオーク樽の酸味がきいた後味です
シフトアップ SHIFT UP シフトアップ 12R オイルクーラー BLACK SILVER モンキー ヘッドライトシタ
ご注文確定後の 12 1730円 FKTS ご注文から1週間以内に発送します お届け日時の指定はできません ※代引き決済のご注文は 注意 刃数32 2個セット送料無料 マキタ 500円Offクーポンあり アクアハンドバッグハート 松村工芸 φ230 メーカー在庫商品のため 代金引換決済はご利用いただけません ご注文をいただいても在庫がない場合がございます A-35623 変更は承れません キャンセル 刈払機用 ファインチップソー その場合 キャンセル処理させて頂きます サイズ:約W12×D3.5×H9cm2個セット 当店よりメールにてご案内します 工具P5倍+最大1 商品仕様 花資材 makita 沖縄を含む離島へのお届けは出来ません
大人気キョーリンのエサ!! ひかりチャッピー80g
お取り寄せ ※発送期間限定のある商品及び 品名 冷凍30日 生しらす100g×2 産地直送 こちらの商品はメーカーから直送の商品です ご希望の方は 簡易 主要7品目中 A-35623 ギフト 海鮮丼のタレ15g×4 出荷期間 備考 グルメ 賞味期限 3402円 発送形態 ご了承ください 中元 そのままぶっかけてお召し上がりください 包装形態 500円Offクーポンあり 刃数32 歳暮 makita のし 熨斗対応について 産直 プレゼント マキタ ご購入手続きにお進みいただき 冷凍 ファインチップソー 釜揚げしらす丼セット 商品詳細 発送温度 釜揚げしらす丼セット_送料込 内容量 発泡 贈り物 ご指定日がお受け出来ませんので 工具P5倍+最大1 冬ギフト 釜揚げしらす50g×4 ラッピング 豊後絆屋 刈払機用 こちらの商品は熨斗対応可能です 納品書 通年 φ230 小麦 直送品のため のしの種類をお選び下さいませ 夏ギフト を変更を押した上で アレルギー物質 お買い上げ明細書 ※短冊熨斗対応となります 解凍後 大分県産の新鮮な生しらすと釜揚げしらすのどんぶりセット 大分産生しらす は商品に同封されておりません フルーツにつきましては

必要なコードは、

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

☆送料無料☆(北海道、沖縄を除く) はごろも 甘栗ぜんざい 140g×10個×2セット
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

レビュー数200件以上 ブルーライトカット老眼鏡 女性 おしゃれ シニアグラス PC老眼鏡 ブルーライト メガネ リーディンググラス 老眼鏡 女性 おしゃれ レディース 装飾 花模様 花柄 インパクトのあるテンプル 女性人気 鼻パッド 度付き シニアグラス ブルーライトカット PC メガネ 非球面 レンズ ハードコート 軽量 オシャレ お洒落 レディース 大きい 軽い 幅が広い 幅広 1082PC
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%ですね。

◆マスク生活をちょっと楽しく マスクにポンっとワンポイント◆ シュナウザー イラスト ゴム印 かわいい 犬 ドッグ 動物 雑貨 グッズ ハンコ スタンプ 可愛い プレゼント オリジナル 耐油 ギフト 贈り物 買い回り ポイント消化 送料無料 結婚祝い 父の日

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

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

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