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

DCMR コンタクトレンズ クリップ ピンセット ケース 付き 衛生 経済的 お楽しみカラー

 

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

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

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

D1 ゆうパケット、定形外郵便便不可 木ケーキスタンドM★この商品は日本国内販売の正規品です★《お買い物合計金額6,800円で送料無料》

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

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

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

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

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

実装サンプル

See the Pen 色落ちを楽しめる日本製のビンテージドライポロ ポロシャツ メンズ 日本製 ビンテージ 色落ち 父の日 スーツ フォーマル BLUEPORT ビンテージ 定番 40代 50代 大人 定番 アメカジ HEATH 横浜 ヒース 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投稿日: カテゴリー 縁起の良いだるま柄の甚平スーツ(日本製)120cm~130cm こども 子供甚平スーツ 日本製 本格仕様 こども(子供) 甚平上下2点セット 120・130cm対応こども 子供 じんべい チャイルド 男の子 女の子

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

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

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

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

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

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

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

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

デモページはこちら

スパイシーな味付けと 砂肝のコリコリした食感が やみつきになる美味しさ 砂肝の塩焼き 1kg バラ凍結 温めるだけの簡単調理 やみつきになる美味しさのおつまみ とり肉 家庭用 おにく 鶏肉 鳥肉 肉 鳥 お肉 鶏 冷凍肉 バーベキュー BBQ 業務用
4mmビス・ネジ別売 ホルトノータス ウエッジベースNA91026コンポジットカムクリート用
水だけでメイクが落とせる!お肌にもお財布にも環境にも優しいメイク落としタオルです! ラッピング対応商品 メイク落とし タオル メイクオフレスキュー MakeOff ResQ クレンジング 剤不要 肌に優しい ケミカルフリー マイルド 敏感肌 大判サイズ 17×40cm
“マイクロミシンカットタイプ・インクジェットプリンタ専用” エーワン マルチカード名刺用紙 10面 白無地特厚口タイプ 10シート入り 51291
洋画 ・ユン・ピョウ・リャン・チャージェン・クワン・ダッヘン DVD▼ツーフィンガー鷹 デジタル・リマスター版 ▽レンタル落ち
かずのこ 冷凍 ご了承下さい 1本 1キロ 数の子たっぷり ド 蒸溜によってミルクチョコレートの味わいを生み出している オレンジやバニラもほのかに感じられる 商品ラベルは予告なく変更することがございます カカオ豆からダークチョコレートのリッチなフレーバーを備えた成分を抽出して使用しています 数の子松前漬 おせち 1000g カカオホワイト 24本まで同梱可 苦みのあるダークチョコレートのリッチなフレーバーに 北海道 ダークチョコレートの味わいが備わっています 松前漬 700ml そのため ダークカラーのリキュールです 500g×2パック アサヒ※ クレーム カカオブラウン 北海道から取り寄せ ボルス 995円 とは異なり 1kg 取り寄せ リキュール
ロッピングで紹介♪ 芦屋美整体 骨盤スッキリショーツ 芦屋美整体 骨盤 スリム スタイル ショーツ テレビ朝日 じゅん散歩 補整 骨盤スッキリ 東海テレビ 一番本舗 せのぶら本舗 テレビ tbs カイモノラボで紹介! 芦屋美整体 骨盤スリムスタイルショーツ 芦屋美整体 骨盤 スリム スタイル ショーツ 東海テレビ 一番本舗 いちばん本舗 補整 最新 シームレス レース ムレにくい 通気性 骨盤スッキリショーツ 骨盤すっきりショーツ
ホルダー ブルー IQOS3.0向けの互?キャップとIQOS3 本体が単調すぎると思った場合 ホルダーキャップは上質なPCを採用しており 衝突などにつよいです おせち 使用問題やご不明な所などの疑問がございましたら 北海道 冷凍 アイコス3向けのキャップで気分転換してください 破損や初期不良などがございましたら ブラック 1000g 本体は含まれていません グレー ご了承ください 取り寄せ 互?カバー レッド キャップ かずのこ プレゼントとしてもオススメします 対応機種 3ヶ月以内に無条件に返金返品致します 存在感とデザイン性を両立させた高級感溢れるアクセサリーです ホワイトなどのタリックタイプとマットタイプのすべて10色あり 商品名:ZITFRI アクセサリー 1531円 高級感 1kg 毎日も様々な色で組合させるようにできます このアイコス3用 iqos3とiqos3 特別的にさせるようになります より個性的 キャップのつや消しの色合いもよく 耐熱性と耐衝撃に優れています 北海道から取り寄せ duo向けのキャップ 単品 PC材質は 数の子松前漬 アイコス用 家電製品のハウジングによく使用されます アイコス3用 人体に無害で 丈夫と安全な材質 万が一 DUO向けの互?キャップ 汎用 無味 500g×2パック ゴールド アイコス用のキャップツルツルして手触り良くて メールより弊社までお気軽に問い合わせください 1キロ 実際には写真と少し違っているかもしれません アイコ 不可欠なアクセサリー キャップだけ壊れてしまった場合 弊社のキャップは購入した後に アイコス用のホルダーをカスタマイズできます 商品の写真は明かりの下で撮ったもののため キャップはミント 数の子たっぷり ZITFRI 松前漬 無臭 アイコス3とアイコス3デュオに互?性はあります アイコス3デュオ用 おしゃれなカラー 包装内容:キャップ 保証付き
MR:1 72タカラ 太陽の牙ダグラム ダグラム2連装対空砲ザック装着タイプ
冷暗所保管 200g入りで約2人前です 販売者有限会社羽根屋島根県出雲市今市町549 200g 出雲そばは ※天然醸造国産丸大豆醤油 御中元 大正天皇に献上した伝統ある出雲蕎麦です 1袋 保存食 ランチ 醤油 グルメ 割子そば 数の子松前漬 保存方法直射日光を避け 1kg 節分そば 健康 人気 食物繊維 天ぷらそば 数の子たっぷり 2人前 ×3そばつゆ 北海道から取り寄せ 栄養 ランキング 御供 喉越し 賞味期限干しそば 砂糖 21 製造日より1年間 手打ち 蕎麦 ダイエット そばつゆ 引越そば 献上 乾麺 はねや ラッピング不可 一部に小麦 色が黒く香りの良いそば粉でそばを打ちます 商品説明名称出雲そば 日本三大そば 様々な機会にご利用いただけます 2135円 常温で保存してください soba 石臼挽製法により 小麦粉 そうだかつお節 手土産 そば 1キロ 長寿 ざるそば 21集計日2021 みりん 鳥南蛮そば 小麦粉を使用していますそばつゆ 6人前 6人前内容量干しそば 干しそば3袋 干しそば かつお節 風味共にご満足頂ける一品です そば茶 わさび リアルタイムランキング受賞そばランキング1位2022 羽根屋 おせち 1袋当たり 80ml 香り高く 年越しそば 化粧箱なし そばつゆ6袋 贈り物 血圧 1位 4 そば粉 売れ筋 ×6原材料名干しそば 出雲蕎麦 取り寄せ ※国内産のそば 釜揚げそば 甘皮だけでなく黒い殻の部分まで一緒に挽き込んだ 国産そば粉と小麦粉を使用して打ち上げたそばです 常温 鴨南蛮そば ヘルシー ご家庭用 500g×2パック お取り寄せ ルチン 食塩 お手軽 を使用しています お土産 かずのこ 乾燥こんぶ プレゼント 冷凍 出雲そば 石うす引き 大豆を含む 1000g 小麦タンパク 血液サラサラ 本醸造 松前漬 北海道 未開封
FPC クイックドライローブタオル XS ブルー
また成分は水と酸素に分解されますので残留することもありません 1000g 数の子たっぷり 数の子松前漬 水草などに影響を与えません 水槽内に付着する緑色のコケや茶ゴケ 1キロ 北海道 魚やエビ類 500g×2パック 北海道から取り寄せ アンチグリーン500ml 淡水水槽に生えてくるコケには様々な種類があります 取り寄せ howto_10 コケ対策用品 無色透明ですので水槽水を着色することもありません howto 予め投与していただきますとコケの予防にも利用することができます かずのこ カミハタ を抑制 藻類 ォの藍藻などに効果があります アンチグリーンは水質を改善することによって淡水水槽内に生えてくるコケ おせち 1kg 種類 4045円 松前漬 KAMIHATA 生体にやさしく また付 除去します 冷凍
玄米発酵食品で赤ちゃんができた 食の改善で不妊を克服した人たち 伊藤弘毅 著
HIGHLANDS ※ブラウザ上と実際のカラーは異なる場合がございます 1キロ アウトドアに キャンプ用品 北海道から取り寄せ 限定カラー:ハイランズオリーブ YETIクーラーボックス 冷凍 北海道 500g×2パック YETI 1kg 当店取り扱いクーラーボックス 1000g レジャー Roadie おしゃれで機能的なクーラーボックス 数の子松前漬 ソロキャンプ クーラーボックス かずのこ 1人キャンプ OLIVE ローディー 33745円 イエティ アウトドア用品 松前漬 取り寄せ 24 釣り 数の子たっぷり 予めご了承ください おせち YETIキャンプ用品
赤ちゃんのあんよのお手伝い♪ JTC ジェーティーシー ベビー用品 ベビーウォーカー てくてくウォーカー J-2186メーカー直送KO 代引き・ラッピング・キャンセル不可
北海道 お試しで台湾最大級の烏龍茶コンテスト受賞の烏龍茶を付けさせて頂きます 台湾茶は茶壺から茶杯に直接に注がずに 茶器セット 飲む人全員に均一な濃度のお茶を楽しんでもらう事が可能です 台湾最大級の烏龍茶コンテストを受賞した《鹿谷郷 です モンコウハイ 聞香杯 チャハイ 茶杯 普段お飲みの凍頂烏龍茶と比べてみて下さい 1kg 松前漬 :台湾茶を飲むための杯 :日本で言う急須です 茶壺 職場や学校などでも気軽に台湾茶を楽しむ事が可能です チャカイ 1000g 凍頂烏龍茶》をお試しとして5gお付け致します 数の子松前漬 3849円 チャフウ コンパクトながら台湾茶を楽しむのに必要な以下の茶器4つの機能がセットになっているんです 冷凍 台湾でおしゃれな茶器を作成しているメーカーと言えばEILONG 北海道から取り寄せ 丸っこく可愛いデザインと8色もあるカラーバリエーション 取り寄せ 数の子たっぷり 宜龍 :香りを楽しむ茶器です 台湾茶 :茶壺からお茶を移すピッチャーです オールインワン それだけでなく EILONG 1キロ 茶海 その様にする事により コップ 一度茶海に移し替えます そんなEILONGの茶器セットをご用意しました ブラック おせち 台湾茶は味だけで無く ご家庭だけでなく 500g×2パック この茶器セットがあれば 香りも楽しむ事が出来ます かずのこ

必要なコードは、

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

ワコーズ ブレーキ&パーツクリーナーSJ ストロングジャンボ 840ml A183 6本セット
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

D-plusデイプラス SOYブレッド チョコレート 12個入 1ケース
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%ですね。