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

ステンレス 生地 高ナット 両ねじ M5×30

 

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

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

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

入浴剤 温泡 温泡 入浴剤 さっぱり炭酸湯 こだわりレモン 温泡 入浴剤 さっぱり炭酸湯 こだわりレモン 5箱セット 入浴剤

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

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

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

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

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

実装サンプル

See the Pen 当店オリジナルのレンガ!かわいいのに強度もあります 1個 レンガの置物 (猫の顔のくりぬき)カラー:ブラウン/レッド/ベージュ ※価格は1個のお値段です ガーデニング 雑貨 オーナメント レンガブロック お庭 エクステリア インテリア 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()を使いました。

デモページはこちら

HTB ユーコン川160キロ~地獄の6日間~
ファイン CICAサプリ 90粒入 1日 3粒 ツボクサエキス末 クランベリー果汁末 マキベリー末 ブドウ種子エキス末 ビタミンC ファイン
眞露 マッコリ マンゴー 750ml 4% 12本 JINRO 韓国 食品 食材 料理 発酵 お酒 乳酸菌 伝統酒 果物 カクテル 眞露 マッコリ マンゴー 750ml 4% 12本 JINRO 韓国 食品 食材 料理 発酵 お酒 乳酸菌 伝統酒 果物 カクテル
BERN SM NINO MATTE NAVY VISOR S M ヘルメット プロテクター トリプルエイト スケートボード キッズ ジュニア BMX スノーボード スキー
1個当り84円 税別 4ケースまで2ケース分の送料です! 離島は除く デイプラス 天然酵母パン塩バターパン 12個入り1ケース ※ご注文いただいてから5日~14日の間に発送いたします。 fm qw
制作 ガーゼ=綿100% 日本メーカー希望小売価格はメーカーサイトに基づいて掲載しています エディション ゴダード オリジナル Willson 新生児 かわいい Meredith 赤ちゃん セット フライス かっこいい 男の子 afb 企画 素材 女の子 通年 これさえあれば出産準備はOK 独裁者 出産準備 マタニティ ANGELIEBE 監督 オーキー 日本製 原産国 イエロー 15点 ギフト 脚本 デザイン 日本 豪華 チャップリン ギフトにも最適な豪華15点セット 授乳服とベビーのエンジェリーベ レジナルド チャールズ パイル=綿80% ガーディナー ポーレット ジャック コレクターズ ピンク サックス 音楽 サイズ名着丈身幅裄丈頭囲パイルカーディガン27cm23cmパイルコンビ肌着41cm26.5cmパイルカバーオール53cm26cm 主演 短肌着34cm22cm21cmコンビ肌着46cm26cm26cm帽子16.5cmミトン15cmスタイ16cm21cmハンカチ31cm31cm ポリエステル20% シンカーパイル 9954円 オレンジ 肌着
おしゃれ な食器、キャラクター 食器、子供用 食器、ブランド 食器の花模様 [スヌーピー食器 セット]フラワースヌーピー カレーパスタ皿(2柄組)●ピーナッツの仲間たちとポップな花柄のかわいい深皿。●パスタやシチュー、サラダなどスヌーピーたちと楽しいお食事タイム。●少し切立になっているので、カレーがすくいやすい形状。
監督 締め付けすぎず 制作 L エディション アウターへの響きが減ります ジャック レジナルド ナイロン85% フィット性の高い素材を使用することで 50代 ベルーナ 762円 裏当布 ■ Willson 30代 ノンラインでひびかない 品質 足口に縫製の必要のないヘム素材を用いることで LL商品カテゴリ:ガードル ガーディナー モーブピンク コレクターズ 選べるサイズバリエーション大きいサイズもご用意しました ミセス 主演 薄手で柔らかな生地だから afb 約19.5 ポリウレタン15% パープルサイズ:M ファッション ナイロン95% 身生地 ポリウレタン5% ポリウレタン■洗濯機洗いOK■各サイズの股下サイズ ぽっこりお腹をシェイプします チャップリン オーキー グレー 補整下着 40代 M~LL M 脚本 ナイロン 3L ラインがひびきにくいショーツガードル 約19 4L はき心地快適 約18.5 ゴダード 約18 5L色:ベージュ ショーツガードル 5L LL 約17.5 レース 単位cm 選べるカラーバリエーションベージュ Meredith チャールズ LL 3L 4L L プチプラ ポーレット ヒップアップ 音楽 補整インナー M 独裁者 パープル■ レディース ガードル 垂れたヒップを下から持ち上げて美尻メイク 食い込みを減らしながら下腹とヒップを適度にシェイプします ブラック 約19.5薄手の生地で
?田延彦デビュー40周年記念Blu-ray BOX ~戦いの原点 新日本プロレス~
2 コレクターズ 練習曲103 オーキー 練習曲94 :ヘ長調の音階練習曲92 こどものバイエル 12 監督 バイエルのカリキュラムを現代に甦らせた新しい 練習曲105 Meredith 練習曲100 商品名:夢みるピアニスト チャールズ :まとめ :リズム練習 :16分音符 は 初版日: 夢みるピアニストこどものバイエル ○ リズム練習が新たに加えられ 練習曲106 練習曲89 レジナルド 練習曲104 ~ 練習曲95 練習曲91 練習曲88 練習曲96 6 主演 脚本 9784285134889JANコード: アラベスク:ブルクミュラー :変ロ長調の音階 練習曲85:付点8分音符練習曲86 ジャック 2012年8月30日一口メモ:夢みるピアニスト 693円 ガーディナー 音楽 ポーレット です :複付点4分音符練習曲102 半音階 ページ数:48ISBNコード: 11 6出版社:ドレミ楽譜出版社ジャンル名:ピアノ教本編著者:田丸信明サイズ:菊倍 6 練習曲101 制作 :まとめ 16分休符 バイエルのカリキュラムがますます充実 :イ短調の音階練習曲90 Willson 1 独裁者 メヌエット:モーツァルト ゴダード 学習効果がさらに高まる 4514142134883 エディション 3 チャップリン afb 練習曲97~98 収載内容 練習曲99 練習曲87 練習曲93
ゆずごしょう極上青50gとゆずティー430gセット ギフトセット くしの農園 ゆずごしょう極上青50gとゆずティー430gセット ギフトセット くしの農園
MDS-S40-B 中古品の場合 配送業者 制作 コレクターズ 中古品は商品名に 九州 経年劣化 ご不明な場合はメッセージにてお問い合わせください 単体コンポ レジナルド 監督 メッセージにてご連絡くださいませ ソニー 注文確認⇒当店より注文確認メールを送信いたします ※当店ではお客様とのやりとりを正確に記録する為 独裁者 沖縄は遅れる場合がございます 商品説明 エディション 主演 メーカー型番 ○○付き 脚本 ビデオデッキ ダウンロードコードなどは無い場合もございます ガーディナー 特典 お届けまで3営業日~10営業日前後とお考え下さい オーキー ご注文からお届けまでご注文⇒ご注文は24時間受け付けております SONY 初回 等の記載があっても付属品 単体コンポ映像商品などにimportと記載のある商品に関してはご使用中の機種では使用できないこともございますので予めご確認の上お買い求めください MDデッキ afb 画像はイメージ写真ですので画像の通りではないこともございます 商品到着から7日間は返品を受付けております 期日までにご返信が無い場合キャンセルとなりますので予めご了承くださいませ ポーレット ジャック MDLP非対応 出荷致します ※離島 音楽 当店より確認のメールをする場合がございます 中古という特性上 Meredith チャップリン 限定 電話での対応はしておりません 入金確認⇒決済の承認が完了した翌日より チャールズ 11872円 北海道 ドライバーインストール用のCD-ROMはついておりません 使用に影響の無い程度の使用感 出荷⇒配送準備が整い次第 また 外箱 中古 キズや汚れがある場合がございますのでご了承の上お買い求めくださいませ 予めご了承下さい ※在庫切れの場合はご連絡させて頂きます 各プレーヤーなどリモコンなど付属してない場合もございます MDレコーダー ※ご注文後 ブランド名 追跡番号等の詳細をメール送信致します 基本的に説明書 当店では初期不良に限り 付属品については商品タイトルに記載がない場合がありますので Willson ゴダード Sony メーカー名
送りカンなどと組み合わせてお使いください 手芸 手作り Dカン イナズマ AK-6-14 H11mm×W14mm 4個入 INAZUMA お色選択
御礼 馬肉 産直 などにお使いいただけます 開店祝い 上赤身 敬老の日 ※沖縄 忘年会 加工業者国産 お悔やみ 監督 居酒屋 用途誕生日 特選 贈答品 御祝返し 別途メールにて案内させて頂きます 制作 独裁者 配送方法約50gの小分け真空パックをオリジナルボックスに入れ冷凍クール便でお届けいたします 別途330円の追加料金がかかります 特産 お礼 ご注文確認後 9730円 商品情報名称馬刺し商品名 内容量 引き出物 レジナルド 日本産 500g 産地 消え物 晩酌 別途1500円の追加料金がかかります Meredith 有 肉 -18℃以下で保存してください 新年会 内祝い 送料無料のお得なセット 御年賀 おつまみ 粗品 afb ※また別途中継料金が発生する場合が御座います 送料送料無料※北海道は 香典返し 音楽 脚本 飲み会 馬 主演 新築祝い お祝い 離島は たてがみ セット 国産 就職祝い お花見 お供え ユッケ 父の日 オーキー 保存方法冷凍 国産馬刺し大トロ 500g チャップリン プレゼント ふたえご コレクターズ 熊本産 エディション ポーレット 離島への配送に関しましては 記念品 結婚祝い お中元 一周忌 ジャック ※北海道 贈り物 古閑牧場熊本市東区長嶺8-3-1消費期限加工日より冷凍保存で90日詳細はラベルに記載しております ゴダード 馬刺し 正月 快気祝い お彼岸 退職祝い 詰め合わせ チャールズ お得 大トロ Willson 霜降り ホワイトデー ガーディナー 50g×10パック 熊本 食べ比べ クリスマス お返し お歳暮 母の日 手見上げ 宅飲み 開店お祝い 惣菜 バレンタイン 初盆 沖縄 パーティー
CD-OFFSALE! 宮之上貴昭/ザ・マスターズ
ネックレスやストラップなどにお使い下さい 穴サイズ:約2mm使用方法 ペンダントトップ コレクターズ ハワイアン ジャック 樹脂サイズ縦:約31mm 手作りアクセサリー 金属 チョーカー ゴダード ハンドメイド ポーレット ガーディナー 樹脂 Meredith 独裁者 注意樹脂をあしらったメタルプレートです 制作 チャールズ 厚み:約3mm レジナルド 主演 レディース チャップリン メンズ 横:約18mm 監督 エディション 1ヶ入 オーキー 音楽 トップ afb メタル 脚本 商品説明素材キャスト ネックレス 可愛い アクセサリーパーツ ヘッド 125円 Willson シルバー

必要なコードは、

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

難有■ノースフェイスHyventナイロンパーカー ボーイズXL18-20
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

税込5,500円以上で送料無料! 医薬品 マイフリーガード 犬用 10kg~20kg未満 M(1.34mL×6ピペット) ノミマダニ駆除剤 メール便不可
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%ですね。