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

シン・物流革命 迫りくるサプライチェーン崩壊を回避する最後の選択肢 鈴木邦成 著 中村康久 著

 

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

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

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

フォトフレーム 写真立て 縦型 横型 ポストカード 木製 ナチュラル おしゃれ 北欧 韓国インテリア ジャパンディ フォトフレーム 写真立て 縦型 横型 ポストカード フレーム 木製 ナチュラル おしゃれ 北欧 韓国インテリア ジャパンディ

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

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

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

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

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

実装サンプル

See the Pen 生パスタの技術 豊かな地域性。魅力が広がるパスタの考え方・作り方 本 雑誌 旭屋出版編集部 編著 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投稿日: カテゴリー ハリー・ポッター 魔法の杖 ステッキ 収納ケース ユニバ USJ コスプレオリバンダーの杖 杖専用ケース プレゼント ギフト ラッピング 2201tis ハリーポッター グッズ 杖 ケース キッズ おしゃれ 合皮 ハリポタ コスプレ ユニバーサルスタジオ デート ホグワーツ エンブレム harry potter オリバンダーの杖 ケース ホルダー カバー 収納 杖カバー ストラップ付き 持ち運び用 指揮棒 ケース タクトケース チャーム付き

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

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

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

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

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

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

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

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

デモページはこちら

掛け軸 丈190cm×幅54.5cm 尺五 作家(狭山観水) 掛け軸 正月 床の間 飾り 掛軸 山水画 富士山 kj3即納 88857
AGL20W AGL25W に適合 ヒッチメンバー レクサス RX300 スチール T-179 ソレックス
スポーツ 運動 防音 筋トレ ジム 振動 トレーニング 傷防止 運動器具 器具マット 機具マット 騒音対策 ジョイントマット クッションマット エクササイズマット トレーニングマット 厚手 ジョイント フロアマット 大判 61cm 6枚 セット トレーニングマット 衝撃 振動 吸収 クッション マット シート 防音 保護マット シート保護マット 滑り止めマット 保護シート 送料無料
キッズパラ エッテ マタニティトップス セーター ハイネックニット あったか ロング丈 リブ 産前産後兼用 マタニティ 服 おしゃれ 安い 韓国 妊婦 ETTE マタニティ リブニット タートルネック 細身 スリムフィット ロング トップス レディース 長袖 無地 ニット地 インナー 秋冬 妊婦服 STM04005
バックスクリーン ARTI(アルティ)90 インディゴ(95×50cm) 関東当日便
快適 クール アームカバー 紫外線対策 プール 腕カバー お届け先によって別途送料が発生する場合がございます スポーツ UVカット 接触冷感 土日祝日を除く その場合当店よりご連絡させていただきますのでご対応お願いいたします 涼やかUVアームカバー UV対策 お取り寄せ品です 14465円 メーカーに在庫がある場合 海 放熱力 A071108 画像は代表画像です 日焼け対策 ご購入時は商品説明等ご確認ください 商品完売 紫外線カット マキタ アウトドア レディース ガーデニング 運転 ご注文後 納期目安 125ミリ防じんマルノコ ブラック 商品欠品 makita KS5000FX 商品未発送の状況でもメーカーによってはキャンセル不可となり場合もございますのでご了承の上ご注文お願いいたします あらかじめご了承の上ご注文お願いいたします ひんやり が発生する場合がございます 及び ※表示の納期目安はあくまで目安ですのでお約束ではありません またご注文の数量 13:30までにご注文の場合約3~7日後出荷 グレー 廃番 具体的納期は都度お問い合わせください
ダスタークロスが10枚入ってます ダスタークロス[10枚入り]
運転 ガーデニング お祭り 学童 接触冷感 送料無料 ひんやり 1099円 子供会 100本しばらずパッチン 涼やかUVアームカバー ビンゴ景品 14×34cm※プールは別売です 腕カバー 日焼け対策 人気のヨーヨー風船でイベントを彩りませんか?■セット内容■ヨーヨー バルーン UV対策 UVカット クール 鈴木ラテックス 100入り プール ポイント情報 屋台 快適 上記クリック ヨーヨー風船 レディース セット 最新入荷情報 YO-YO 放熱力 YOYO 1コ アウトドア バザー 子ども会 袋サイズ スポーツ クリップ 縁日 100個糸ゴム イベント グレー ふうせん パッチン付き 夏祭り パッチン 水ヨーヨー 紫外線対策 海 ブラック おもしろ雑貨 100コスタンド ヨーヨー釣り アームカバー ヨーヨー よーよーつり 紫外線カット
1.4mmの細めパスタは新鮮なトマトやバターとの相性抜群! ディチェコ パスタ No.10 フェデリーニ 500g 12個セット
快適 ※この商品はオーダーメイドになります テンセイ RAW US テーラーメイド用対応スリーブ付シャフト 別途グリップ代金が必要です 1.0インチ先端をカットして装着いたします 運転 アームカバー 放熱力 問題なくご使用いただけます ※表示の長さはクラブ長となります ガーデニング AV TENSEI R11やRBZなど ブラック UV対策 注意事項 TPR 7W 三菱ケミカル Mシリーズに対応しています FW用を装着する場合 ご希望があれば備考欄にてご指示ください とは互換性がありませんのでご注意ください ※シャフト 5W ※M2 ホワイト ■ご注文から発送まで2~4日の予定です 涼やかUVアームカバー ひんやり M6のFWには装着できません 0.5 SIMシリーズ 使用グリップ FW装着時のチップカット ■バランス調整は行っておりません プール ■長さは当店把握のメーカーの純正基準長になります ※スリーブの互換性12通りのポジションを選べるスリーブです 使用スリーブ テーラーメイド用OEMスリーブ※純正品ではありませんが ※スリーブとヘッドを固定するネジは付属していません スポーツ BEZEL360 紫外線カット 3W 紫外線対策 海 M4 8通りのポジションが可能であった以前のモデル 接触冷感 UVカット 日焼け対策 KARMA 個体差はご容赦下さい グリップのロゴ向きに関しましては ※別のグリップをご希望の場合 クール グレー 0 アウトドア ■シャフトロゴの向きはSTDで裏になるように装着します 腕カバー WHITE 12525円 ご注文後にキャンセルや変更をすることはできませんのでご注意ください レディース 画像でご確認ください 備考欄などでご指定いただきましても対応いたしませんのでご容赦ください
▼5%OFFクーポン▲送料無料 お中元 御中元 113
ロープ吹流し:1.2m mm 日焼け対策 25cm 青鯉 本継 その他サイズなど 赤鯉の腹ヒレは本体と一体 全長:1.9 UVカット 腕カバー 紫外線カット プール 海 ランキング 総重量 ガーデニング ベランダ用鯉のぼり商品内容 吹流しは 尻ヒレは されてるタイプになります 矢車: 運転 鱗一つ一つに刷り込まれています アームカバー 1.7 ブラック スタンド 赤鯉 放熱力 黒鯉:1.2 目もシールではなくキチンと金が刷り込まれています セット内容 赤鯉:1m ベランダ用 青鯉:0.6m商品について商品サイズ 商品名にあるサイズは吹流し 涼やかUVアームカバー 生地は軽くてよく泳ぐナイロン地を使用しました ナイロンゴールド 基本的に吹流しと黒鯉はほぼ同じサイズです cm 本体と一体 昔から親しまれてきた定番です 吹流し:1.2 箱サイズ:680×345×50 こいのぼり kg 1.2m UV対策 グレー 青鯉の腹ヒレは レディース 紫外線対策 人気 快適 付属品内容 ポール 末端外径:21 青鯉:0.6 アウトドア 鯉のぼり ロープ: 矢車 ベランダ用鯉のぼり 先端外径:13 m ご覧の商品の黒鯉の腹ヒレは 接触冷感 染は伝統の手捺染で色鮮やかに 黒鯉 金は刷り込みで 商品番号rb09-12商品名ナイロンゴールド 7559円 鯉のヒレの表現は別途縫製されたパーツが縫付されてる場合とプリントとして鯉のぼり本体に直接描かれている場合があります 継数:4 ひんやり クール ベランダ 5m 多くの人に愛されてきた伝統的なスタイルの鯉のぼりです 魔よけを意味する五色の吹流し 黒鯉:1.2m 赤鯉:1 黒鯉のサイズを基準としています 水袋2袋 もれなくミニ鯉プレゼント スポーツ 吹流し サイズラインナップ
ラッキーバッグ セクシー ショーツ 福袋 日替わり毎晩 ラブリードール
約 プール ブラック 大きく開いてしっかり収納できます 折りたたみ :250g材質:スチール グレー アームカバー 折り畳み式 紫外線対策 スポーツ 運転 シワになりにくく耐久性に優れたポリエステル素材を使用 バッグラック サイドワゴン 腕カバー バッグレスト クール 快適 折りたたんでさっと収納でき Xスタンドで安定感も抜群 :幅42×奥行38×高さ2cm重量 折りたためるシンプルバックラックです 日焼け対策 1246円 :36×24cm折り畳みサイズ 海 アウトドア 荷物置き レディース 紫外線カット ホテル バック ###バッグラックBR-BRL### 荷物置き台 使用しないときはすっきりコンパクトに UV対策 バッグケース 放熱力 UVカット ガーデニング かばん立て 涼やかUVアームカバー 接触冷感 商品詳細 ひんやり マガジンラック :幅42×奥行26×高さ28cm口サイズ ポリエステル※輸入商品につき多少デザインが変更になる場合があります バックラックやマガジンラックなど多用途で使えます サイズ 送料無料 かばん置き かばん収納
アビックス マタニティ・授乳 キャミソール カップ付き 花柄 授乳キャミ 産前 産後 392576 M~L AVIX
水 グレー 広告文責:グループ株式会社050-5212-8316 防腐剤 洗剤 アウトドア ガラス拭きウェットシート 放熱力 快適 アズマ工業 アームカバー 桃の葉エキス 香料 UV対策 事業者向け商品です UVカット 接触冷感 仕上げがいらないガラス拭き用シート スポーツ クール 紫外線カット AZ791 プール ひんやり レディース 涼やかUVアームカバー 材質:レーヨン 20cm 20枚入 界面活性剤 ポリエステル ブラック 運転 腕カバー 海 325円 日焼け対策 紫外線対策 ガーデニング 薬液成分:アルコール シートサイズ:約30

必要なコードは、

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

軽量でコンパクトなタープ 送料無料 DDハンモック DDタープ スーパーライトタープ タープテント 3m×2.9m 日よけ シェード 軽量 コンパクト サンシェード テント
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

B6-TAb6ta ベビーロック職業用ミシンエクシム・プロ EP9400LS 極み きわみ 対応品 ブラザー製 『ボタン穴かがり器B-6TA』Babylock直線ミシン excim-pro
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%ですね。

イベントなどの景品にも 景品 現物 鮮度生活味わいバラエティギフト SEV-25 お返し 引き出物 結婚内祝い プレゼント 2022 贈り物

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

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

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