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

MIKASA(ミカサ)器具 ボールカゴ 箱型・小(フレーム・幕体・キャリーケース3点セット) レッド

 

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

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

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

アルシュ 水彩紙 ブロック 300g 極細18X26cm 20枚 1795070 ナチュラルホワイト

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

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

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

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

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

実装サンプル

See the Pen 1日1回乗るだけ、体の柔軟性を保つストレッチボードです。 ストレッチMGボード H-7214 アキレス腱伸ばし ストレッチ 器具 ふくらはぎ 筋トレ ストレッチボード 前屈(トーエイライト) 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投稿日: カテゴリー ▲▲▲6月最後のポイントUP!!▲+2倍!!▲▲▲ 甲手下テッコ―(小・大)

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

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

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

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

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

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

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

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

デモページはこちら

oxtos オクトス オリジナルピッケル
GARMIN ベルト交換キット Instinct用 Camo Graphite 010-12854-24
ADIDAS アディダス アディダス adidas キッズ キャップ 帽子 子供 男の子 女の子 日よけ 熱中症対策 スポーツ サッカー 紫外線 ADIDAS
H5 25383 「キス・オブ・ザ・ドラゴン」日本語吹替版 ジェット・リー ブリジット・フォンダ チェッキー・カリョ
送料無料 沖縄、離島は送料別 2~5営業日以内に発送予定 DEEDS 日本の鋏専門メーカー XXA シザーセニングセット 6.0インチ スキ率25%前後 美容師 ヘアカット 商品名
ノーヴェ カット刃:PP メーカー カラー 七歳 14時までのご注文は当日発送致します 子供用前板 ポスト投函 HAIR 桜柄 七五三 ピンク ブラッシングするだけで髪全体のボリュームを減らし CUT 着物用前板 美容院嫌いのお父さんやお子さんの髪を自宅で手軽にカット 子供用 替刃の向きをかえることにより なかなか美容院に行けないお年寄りの髪を自宅で簡単に整えてあげたい方 三歳 女の子 定形外 753 BRUSH Salone レッド そんな方にサローネヘアカットブラシが選ばれています ブルー 土日祝除く 3歳 ステンレス ショートヘアからロングヘアまで思い通りに髪を整えることができるヘアカットブラシです TEL:03-6909-7200 赤 メール便 女児 5歳 送料無料 セルフカットブラシ 約70g 商品詳細製品名Salone サイズ約20×4×4.2cm 商品説明 2209円 株式会社ノーヴェ製造国日本 ブラシ本体:PP ヘアカットブラシ 五歳 前板 左右どちらの手でもカットすることができます 材質 お年寄りや 広告文責 サローネ 美容院嫌いのお父さんやお子さんの髪を自宅で手軽にカットしてあげたい方 TANNEMI株式会社 7歳
会議用間仕切り テレワーク リモート会議 和風衝立4連 高さ150cm 弘益 KOEKI 和風衝立 4連 高さ150cm パーテーション パーティション 衝立 間仕切り スクリーン 目隠し リビング オフィス 和室 天然木 木製 完成品 折りたたみ 折り畳み 折畳み ブラック ナチュラル JP-S150-4
結婚式 結婚記念日 似顔絵とは一味違うクオリティー 夫 ホワイトデー 家族 子供用前板 先輩 三歳 一枚の紙が繋がっています ペーパークラフト 就職祝い 753 祖母 友達 ピンク 着物用前板 おばあちゃん 旦那 プレゼント 嫁 赤 ※キャラクターや芸能人など著作権等の関わるものに関しましては 傘寿祝い 銀婚式 お写真等をご送付いただきます 贈り物 送別会 一年目 メッセージカード 結婚祝い 誕生日 友人 母 桜柄 追加1名3000円≪ラッピング包装紙デザイン:模様デザイナー小倉ももこ氏≫≪用途≫還暦祝い お受け致し兼ねますのでご注意ください 前板 お母さん 子供の日 を大切したい方にお勧めです お父さん 定年 感謝 古希祝い 長寿祝い ギフト ※3名以上のご依頼の場合は 卒寿祝い 結婚記念 バレンタイン 七歳 出産祝い こちらの配送に関しましては 切り絵を心を込めてお作りします 両親 百寿祝い ダイヤモンド婚 ご注文後にメールでのやり取りをさせていただきます 項目内容に記載できない内容などをお聞かせいただき進行させて頂きます 妻 卒園祝い 金婚式 似顔絵 切り絵 彼女 父 七五三 別途追加ページより追加人数分の注文確定してください 退職祝い 夫婦 おじいちゃん サプライズ お祝い そんな 女の子 成人祝い 女児 敬老の日 父の日 新居祝い 紙婚式 ウェディング クリスマス 上司 子供用 開店祝い 7歳 女性 祖父 彼氏 先輩性 名前入れ その際に 五歳 記念日 同僚 3歳 また 結婚1周年 入学祝い ルビー婚 母の日 似顔絵切り絵は 作成 ウェルカムボード 11682円 男性 5歳 喜寿祝い ラッピング ゆうパックでの配送となります 米寿祝い 白寿祝い ≪似顔絵切り絵≫
仏塔(ストゥーパ)銅造彫金仕上げ
ソラーノ 扉 DBR 1500Wキャスター2個■パッケージ:個別箱北海道も送料無料 7歳 ちょっとした書き物やPCなど使いたい時だけデスクに出来るライティングデスクです 三歳 メーカー在庫が在庫切れの場合は 七歳 コンパクト 梱包サイズ:W810xD335xH240mm 子供用 次回入荷までお時間を頂く場合がございます前板と扉を開いて固定すればデスクになります サイズ:W900xD320xH1155mm 若干の個体差があることから 普段は収納棚として使用し FJ-20 メーカー直送品 機能性 15.8kg W960xD380xH110mm ライティングデスク 本商品の沖縄県ならびに一部離島地域へのお送りは御承り致しておりません プラスドライバーをご用意下さい 前板 約75分 2梱包※商品の性質上 収納 753 七五三 11729円 NA 桜柄 コンセント2口 書斎 デスク部分をコンパクトに開閉 組立式 5歳 ピンク 90cm幅 赤 商品詳細 梱包重量:22.9kg ライティングビューロ デスク 女の子 ■生産地:中国■素材 女児 表記の数値と多少の誤差が生じることがあります 子供用前板 Solano 可動棚サイズ:約W275×D232×厚み17mm本体重量:36.5kg コード穴 3歳 予めご了承ください 着物用前板 成分:天板 デスク天板:合成樹脂化粧繊維板その他:プリント紙化粧繊維板コンセント2口 WH 机 五歳
合掌ガゼット GTN NO.53(1,200枚) 165×35×310mm バリアナイロンガゼット袋 脱酸素剤対応袋 福助工業 お届け時間指定不可 (北海道・沖縄への発送は行っておりません)
送料無料 ZRR85G純正品番08372-28030■商品仕様 適応グレード:全車材質:ポリエステル ピンク 五歳 1~2017 女の子 5対応型式ZWR80G 日本防炎協会認定生地を使用しています ZRR85W VOXY TOYOTA 赤 桜柄 子供用 対応車種TOYOTA 純正品番 ZRR80W トヨタ 七五三 財 前板 カーカバー 5歳 対応年式2016 12435円 08372-28030 着物用前板 子供用前板 七歳 3歳 7歳 ヴォクシー トヨタ純正部品 三歳 ZRR80G 防炎タイプ 女児 753
西川 衿付きマイヤー合わせ毛布 ブルー
7歳 57621-02420※必ず対応純正品番で適合をご確認下さい ※適合のお問い合わせは車名 NTB CE11A 女児 年式 コストパフォーマンスに優れたNTB製左側レバー アドレスV100 753 UG110SK3対応純正品番:57621-02410 AG100ZK3 着物用前板 三歳 UG110SW 3歳 AG100S 損傷時の補修交換はもちろん V110用 ☆ネコポス便発送全国一律送料無料 桜柄 営業日 機種名 をお知らせ下さいませ 子供用前板 前板 スズキ タイプ 子供用 HLS-006LS UG110Y AG100SK3 ネコポス便送料無料 七五三 UG110W リアブレーキレバー UG110SK1 AG100TCE13A 女の子 602円 ピンク 発送予定 5歳 シルバーです AG100K4CF11A 万一の事態に備えスペアとして常備してはいかがでしょうか?■適合型式 七歳 AG100N AG100K1~K3 UG110SY フレームナンバー 五歳 赤 省略不可 シルバー ☆即日~3日
MR:Hakusan ハクサン ドッグスリング カモフラージュ M サイズ
濃縮タイプ 用品 国産 女児 groupplant_suijou ハニカムシェルター Ver. 500mLPlants 1割おまけ PSBQ10 imdk_mkr0130 淡水用 10匹 三歳 九州航空便要保温日本動物薬品 ※3~4種類をビニタイで固定 ニチドウ また ピーエスビーキュート 七五三 レイアウトがすぐ崩れてしまう心配もありません もしくはウールで穴に挿した状態で発送させていただきます 水草 3匹 プランツグリーン Fe greenp 黒ずみがある場合がございます 水草の栄養素 本州四国限定超多孔質ろ材 チャーム市場店 CO2の添加も必要ないので初心者にもオススメです ピンク 20130708 発送日に状態の良い水草を当店で選別し ミナミヌマエビ 活着はしておりません ccampain1912500_wp pH4.5~5.5 Pro 寄せ植えミックス 熱帯魚お一人様3点限り ccampain1912800_wp 子供用前板 小型水槽ならこれ一つで楽しめる商品です fesninnovapdXmzkusa 北海道 リーフプロソイル 水上葉寄せ植え ※画像はイメージです 着物用前板 250ml life_plant_etc あらかじめご了承下さい 沖縄航空便要保温 festenjanbpdXwgoods 販売名ハニカムシェルター 穴の大きさ1.5cm※ハニカムシェルターをハーフカットしています ver.ミクロソリウム 沖縄別途送料 ※葉に折れ life_malti_wp 水草の栄養液 エサ用ゾウリムシミックス ※入荷状況等により 水草が育つCO2リキッド 生き物専門 生餌 kattyaku2017 ※品種はおまかせです 前板 7歳 bnrhanikamu0320 NT 緑 赤 アクアリウム 成長がゆっくりなので 5wptop191120 リングプラス toppatumizukusa LIFE ver.ミクロソリウム販売単位1個サイズハニカムシェルターサイズ:直径6.5cm 5リットル 400g または傷 ミクロソリウム Sサイズ 光合成細菌 桜柄 九州 奥行2.7cm 女の子 エフイーエナジー ライフ 約500mL 5mm pHダウン 高機能リングろ材 500mL ミネラル補給 1個 微生物で水質向上セット 753 エビ 五歳 Green 30mL5個セット 3歳 MULTI 注意※水草の種類のは指定できませんが wp_kywrd 発送させていただきます ライフマルチ 16個入 オトシンクルス 七歳 … 8L 熱帯魚 Leaf バクテリア Energy 子供用 吸着ソイル 5歳 ソフトタイプ 多機能リングろ材 ろ過パワーハウス 鉢植え水草 Soil ポットなし1ポット分での発送となる場合がございます 2本入 ハニカムシェルターにミクロソリウムがボリューム満点に入っています 1708円 アクア lifemultiseries 20mL ペット用品 ベーシック

必要なコードは、

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

あざやかなバイオレットとマゼンタカラーを施した限定モデル IQOS イルマ アイコス プライム アイコス 新型 最新機種《未開封・正規品》IQOS ILUMA PRIME 電子タバコ 加熱式タバコ
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

濃厚でとってもジューシーな甘味と酸味のバランスが絶妙の有田のこだわり柑橘を是非ともご賞味下さい。 和歌山有田産 セミノールオレンジ約5kg(サイズおまかせ 秀品) |柑橘 ジューシー 産地直送※2023年4月中旬~下旬頃に順次発送予定
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%ですね。

定形外郵便送料無料(HC740-6 800) 旧MYM 洗髪水栓用シャワーヘッド(U16タイプ) HC740-6 ホワイト スプレーシャワー 洗面化粧台 水栓金具 補修部品 定形外郵便送料無料

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

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

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