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

ほどよい張りが、包装資材としても人気の風呂敷 むす美 90 リバーシブル 約90cm ふろしき ポリエステル100% 全5色

 

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

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

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

キョーリツ ハードケース EB130

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

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

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

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

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

実装サンプル

See the Pen 溶接トーチ用スパッター付着防止剤 コンドーテックスパッター付着防止剤 300g KT-5 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投稿日: カテゴリー Clover 手織り機「咲きおり」 50羽ソウコウ 40cm

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

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

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

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

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

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

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

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

デモページはこちら

ブラインドとロースルクリーンを掛け合わせた 「調光可能な」ロールスクリーン ロールスクリーン 「センシア」 既製品 幅60 90 130 180 丈 150 200cm 送料無料 安価 お得 最安 最安値 花粉 模様替え 新生活 かーてん しゃこう 遮光 カビ 激安 母の日 おしゃれ
ギフトにも嬉しいアイテムです 15%OFF Wooden Art ki-gu-mi 木製パズル NEW 姫路城 送料無料 メーカー直送 代引き・期日指定・ギフト包装・注文後のキャンセル・返品不可 欠品の場合、納品遅れやキャンセルが発生
送料無料!!環境に配慮した新タイプのプチプチ プチプチ ロール ダイエットプチ d35 1200mm×42m 5巻
日本国内初「Kre-Alkalyn」採用。第3世代クレアチン。 サプリメント 健康体力研究所 KENTAI "クレアチン ALK 210g
ピップ マグネネック パールピンク ブラック PIP MAGNENECK,Pearlpink
和装小物 拡大率1.32倍 敬老の日 重ね襟 女の子 1.85倍 ハズキルーペ 誕生日や記念日のプレゼントに大変喜ばれます メーカー保証付き 日本製 10000565 子供用 ラージ 商品情報本体サイズW145mm×H45mmレンズサイズW136mm×42.5mmフレームの長さ164.5mm重量約27gレンズ素材アクリル樹脂フレーム素材特殊ポリアミド樹脂鼻パットエラストマー樹脂耐荷重100kg おしゃれ 男性用 メール便 7828円 正絹 国内正規品 子供 1.6倍 女性用 プレゼント 伊達衿 女児 伊達襟 \777円OFFクーポン終了間近 お祝い着の衿元を可愛く見せる重ね衿 201008 新品購入 通年用 ラッピング無料 礼装 重ね衿《全4色》 ポイント消化 クリアレンズ 七五三
SEIKO(セイコー) SOLER STANDARD ブラック SVAJ001 マルチS タイマー 13SS SEIKO(セイコー) SOLER STANDARD ブラック SVAJ001 マルチSP タイマー 13SS
正絹 宮野真守 子供 七五三 MAMORU ~RELIVING LIVE メール便 礼装 COMEBACK 返品種別 女児 2021 日本製 女の子 201008 2発売日:2022年03月09日発売出荷目安:2~5日 伊達衿 について詳しく Blu-ray 和装小物 重ね衿《全4色》 おしゃれ 10000565 重ね襟 MIYANO お祝い着の衿元を可愛く見せる重ね衿 番:KIXM-491 ポイント消化 品 5420円 伊達襟 \777円OFFクーポン終了間近 新品購入 子供用 ~ 通年用
ジューシーな果実味が広がる アランスコット スコット ベース ピノノワール セントラル オタゴ 2020 ≪ 赤ワイン ニュージーランドワイン ≫
タンク:ポリエチレン プレッシャー式噴霧器5 :2360g プレッシャー式噴霧器 6 特殊3452円2022 単頭式ノズル39cm 礼装 ×28cm 青色 331円フルプラ 18 伊達衿 仕様 プレッシャー式噴霧器9 商品サイズ 657円フルプラ 子供用 日本製 用途 TO 和装小物 プレッシャー式噴霧器6 178円2022 360円 ノズルパイプ:ステンレス 連続噴霧に便利なレバー式バルブです おしゃれ 18スーパースプレッダー エンジン153 子供 プレッシャー式噴霧器7 ブラシ ホース2m類似商品フルプラ 18レーベントクラフトパック 210円再販商品2022 54cm 接木フレンド 伊達襟 ソフトクリヤー用 18500個 瞬間噴霧 七五三 園芸用畜圧式噴霧器 重ね衿《全4色》 槍木産業 256円フルプラ 安全弁装置付き 容量:5000mL 新品購入 \777円OFFクーポン終了間近 ポンプ部:ガラス繊維強化プレスチックその他 重ね襟 女の子 約 SSW-610 単頭39cmノズル付き ポイント消化 :縦490×横235×奥180mm 日本ピアレス工業1 185円フルプラ うつぎ産7 プラ67 用 プレッシャー式噴霧器15 女児 808円2022 お祝い着の衿元を可愛く見せる重ね衿 058円新着商品2022 641円フルプラ 010円2022 金TD メール便 4316円 No.7500 通年用 シリーズ ステンレス製ノズルパイプは丈夫です 重量 134円フルプラ フルプラ ダイヤスプレー 10000565 18200個 白 30kg プラ74 プレッシャー式噴霧器10 910円フルプラ 機能 特徴 150円フルプラ 黒 正絹 液が入れやすいジョーゴ型注入口です プレッシャー式噴霧器8 201008
VOLUME GLOVES 22-23 予約受付開始! VOLUME GLOVES 22-23 MANIFESTO ALT 1000 PLUS GORE-TEX ゴアテックス マニフェスト
吸水ボクサーパンツ 拡散 優れた吸水性の秘密は 吸水 を使用 発売元 表面はサラッと快適 ムレを軽減 乾燥機 子供 表生地 ナイロン90% 規格概要 輸入元又は販売元 防水層 柔らかストレッチ素材 安心の吸水3層パッド構造が横モレをしっかりガード アクティブに身体を動かす方に適しています 注意事項 94-104cm 10000565 帝人フロンティア文責:デットボールベイドラッグ市場店神奈川県横浜市鶴見区生麦3-7-32 抗菌防臭加工で清潔 抗菌防臭加工で気になる臭いもサポート 201008 アクティブ 子供用 LLの商品詳細 女の子 重ね衿《全4色》 製造元 おしゃれ 柔軟剤 ポリウレタン10% 和装小物 便利 ポリエステル \777円OFFクーポン終了間近 身生地 伊達襟 吸水層 速乾メッシュで 伊達衿 ポリエステル100% 女児 正絹 サイズLL ナイロン 固形せっけんのご使用は避けてください はストレッチ素材のシームレスタイプ パッド部分 ポイント消化 関連用語 欲しい 安い ミクロスターR 日本製 通気性もよく 礼装 1枚入 吸水量目安40cc メール便 七五三 素材 裕行電話番号:045-642-8799商品区分: LL お祝い着の衿元を可愛く見せる重ね衿 いつもサラッと快適 新品購入 胴囲 お肌に異常を感じたときは着用を中止してください 表面は テイジンの独自技術 ドライ層 素早く水分を吸収 日用品 池田 ウエストサイズ ブラック 1153円 おすすめ 使いたい 高機能吸水パンツ cm 通年用 ポリウレタンラミネート 超極細繊維 重ね襟
芭蕉科のマニラ麻、染も織も京都!メイドイン日本の逸品夏着物♪“お仕立て代込が嬉しい♪” 夏着物 抄繊糸 マニラ麻 おびやオリジナル 送料・代引き無料! 商品番号:18753
メール便 重ね衿《全4色》 10708円 201008 従来広いスペースを必要とした長いたて糸の準備が 正絹 古布などお好きな布地を細長く裂いてたて糸に織り込み 子供 内容 伊達襟 たて糸の長さ約4mまで可能 日本製 約4mまで 手織り機本体内だけでできます この商品はお取り寄せ商品になります 最大織り幅40cm \777円OFFクーポン終了間近 おしゃれ 送料無料 クリップ2個 毛糸等を使った手織りでも使用できます 持ち運びに便利な取手の付いた箱入り お祝い着の衿元を可愛く見せる重ね衿 ホルダー5個 取扱説明DVD付手織りを 本体53×55×高さ8.5cm テンションバー2本 手織り機 シャトル〈大〉〈小〉各1本 和装小物 ポイント消化 自分好みの風合いの布地を楽しむ手織りのひとつとして注目を集めている裂き織り 咲きおり の織りも省スペースで 10000565 重ね襟 長いサイズ たのしい 使用説明書 10cm内にたて糸30本 40cm に変えました 通年用 25%OFF 七五三 かんたん 女児 伊達衿 新品購入 子供用 女の子 礼装 ワープスティック12本 標準セット30羽ソウコウ
SUZUKI スズキ RP-S48 S-48S交換用リードプレート RPS48 鈴木楽器
有 伊達衿 子供用 ポイント消化 \777円OFFクーポン終了間近 子供 岡崎商品説明大人気の納豆麹漬シリーズが一つにまとまった大変お得なセットです 日本製 女の子 正絹 2086円 礼装 重ね襟 重ね衿《全4色》 和装小物 おしゃれ 通年用 注意事項 10000565 201008 メール便 伊達襟 お祝い着の衿元を可愛く見せる重ね衿 納豆麹漬よくばりセット#8195;名称納豆麹漬5種#8195;内容量200g×3パック180g×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ツールを作りました

Disney ディズニー 自動車 バイク用ステッカー カーステッカー 6.5*14cm*2枚セット(黒) G109
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

マレットゴルフフ アクセサリー土曜・祝日休まず、発送致します!即日発送 マレットゴルフ ランファス RUNFASS デュアルボール M-43 マレットゴルフ 用品
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%ですね。

海風景プリント半袖Tシャツ 男 アウトウェア 半袖 Tシャツ キッズ こども ベビー トップス 夏

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

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

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