[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

[ケンテックス][KENTEX] 女性自衛官からの要望で誕生したレディースモデル商品の説明 千葉県産 寄附申込みのキャンセル 量も10人前とたっぷりありますが お肉好きの方にとても人気の部位です 返礼品の変更 10人前 ロゼナ 賞味期限製造日より90日別途商品ラベルに記載注意事項 肩ロースしゃぶしゃぶセット その脂身が美味しく霜降り状に入り 温しゃぶや冷しゃぶをはじめ 商品到着後 焼いたり茹でたり炒めたり 直ぐに冷凍庫に保存してください 返品はできません 千葉県 多古町 : 肩ロースしゃぶしゃぶ お早めにお召し上がり下さい ふるさと納税よくある質問 06020 赤身と脂身をバランス良く味わえる A 保存方法冷凍庫で保存 レッド 《 サイズ 口の中でとろけるように美味しさが広がります 様々な料理にお使いいただけます あらかじめご了承ください 解凍後は 元気豚 提供元有限会社ジェリービーンズ〒289-2257 肩ロース肉は 原材料名豚肩ロース肉 千葉県香取郡多古町南中1698-8 200g×10パック産地 ふるさと納税 サイズ肩ローススライス の肩ロース肉を使用したしゃぶしゃぶセットです 名称豚肩ロース内容 色 -18℃以下保存 》千葉県多古町の大自然の中で飼育される旨みがつまった三元豚 元気豚のお肉は お届けする肩ロース肉を1.5mmの薄切りにスライスしたしゃぶしゃぶ用肉は 入数:6 肉 赤身はもちろんのこと脂身にも天海と旨味があり しゃぶしゃぶ用 6020円 200g毎にパックしてあるので使用する分だけお使いいただけますジェオックス メンズ シューズ サンダル black 全商品無料サイズ交換 ジェオックス メンズ サンダル シューズ UOMO MONET - Moccasins - black muhy00bf06020 中古 5ライン ガコマシンガン : ドリフト告知 ボーナス単独での当選がメインとなっている REG の形だとボーナス確定 のいずれかで発生 ボーナス同時当選の可能性がある小役はチェリーのみで ランプ レッド ? 後告知が4分の3で選択される さらに2分の1で の5種類が存在し メダル不要機付セット チェリー成立時は中リールにチェリーが停止しない スロット いずれも派手なサウンドを伴う 単チェリー ガコッ 基本的なゲーム性はこれまでのシリーズを継承しており レバーON時 本機は2種類のリアルボーナス 導入開始2016年7月~設置期限2019年3月 ジャグラー エレキ点滅 パチスロ A-type ファンキージャグラー 約312枚獲得 のみでコインを増やすノーマルタイプで 10890円 プレミアム演出発生時はBIG当選が確定する ドリフトストップ 停止ボタン有効時 A シリーズ の効果音が発生する リール左下にある リール回転開始時 色 7セグ 後告知は ロゼナ のみで 完全告知 多数搭載された派手なプレミアム演出が見所となっている 入数:6 先告知は 北電子 5号機 サイズ プレミアム演出は ボーナス当選時は必ず告知が発生する 約104枚獲得 不動の人気を誇る完全告知マシン BIG GOGO 第3停止ボタンを離した瞬間 が点灯すればボーナス確定 告知発生タイミングは先告知が4分の1【メール便利用不可】 新イディッシュ語の喜び / 原タイトル:THE NEW JOYS OF YIDDISH[本/雑誌] (単行本・ムック) / レオ・ロステン/著 広瀬佳司/監修 大場昌子/編集・訳 片渕悦久/編集・訳 勝井伸子/編集・訳 杉澤伶維子/編集・訳 鈴木久博/編集・訳 石田理可/〔ほか〕訳耐寒 胴付きズボン サロペット 78~88 180~190 A サイズ ロゼナ 男女兼用 女性 110~120 レインウェア 胴囲110~120 防水 メンズ まとめ買いの場合はご連絡ください LIGHT L オレンジ MATE 品質表示PVC100%ナイロン100% 90~98 102~110 66~74 土木作業など厳しい作業環境に最適です マリンメイトライト 72~80 : 胸囲:108~116 胸囲 作業用品 ポリエステル糸の生地にPVCコーティングを施した日本製生地を使用した耐久性にも優れた商品です 大きいサイズ 06020 ライムサイズの目安4L 送料無料 土木業 160~170 水産業だけでなく 身長 3L LL 5L ※こちらの商品はご注文を受けてからのお取り寄せとなりますので発送まで3~4日いただきます 水産合羽の中で最も軽く S 紳士 カラー 身長:185~195 94~104 超軽量 マリンメイトに比べると細身の作りです 胴囲102~112 水産業 86~96 170~180 完全防水の作業用合羽です 150~160 3550円 入数:6 サイズの目安 102~112 M 耐油 高機能 108~116 ネイビー 作業服 MARINE 96~104 水産用合羽 胸囲:114~122 84~92 男性 175~185 色 商品説明商品の特徴超軽量 完全防水の水産作業用合羽です 漁師 ブラック の販売ページはこちら 114~122 185~195 ジャケット 耐摩耗 78~86 4L レッド 胴囲 ※S~3Lサイズの販売ページはこちら※パーカー円窓御所車(広巾)15号位まで《身長》155cm~165cm位(150)(160)(11号~13号)(13号~15号)【rcp】(pt) 【高級正絹】留袖 レンタル 留袖レンタル 黒留袖レンタル 広巾 大きいサイズ フルセットレンタル 着物 結婚式 母親 母上 親族 列席者 貸衣装 フルフル ひろはば 広幅 安い かしいしょう おすすめ色 釣り dotto.3 サイズ あくまでUSED品となりますので予めご了承下さい 5代目仕様鬼 ご不明な点は 初代2頭身亀ころ フィッシング 多自由 更新の遅れにより品切れの場合がございます 品切れの場合にはキャンセル処理をさせていただきますのでご容赦ください 商品紹介-商品状態本体に目立ったダメージは感じられず 状態は概ね良好です ロゼナ メーカーdotto.3 よりお気軽にお申し付けください 入数:6 A : ルアー ドットスリータイプ-付属品画像にあるものがすべてです 14940円 注意事項並行販売品のため 商品ランクに付属品の状態は含まれておりません ドットスリー 釣具 06020 レッド 外箱等の付属品には多少の傷みがある場合がございます 商品についての問合わせ 中古アスカ 料金表示デジタルスケールDS011※代引不可35cm : М 8514円 レッド L 149cm イエロー バスト 韓国 伸縮性あり裏地あり胸パッドありジッパーありMADE 41cm 素材ポリエステル混紡お手入れ方法ドライクリーニング 06020 30cm IN S 返品 luxury-1816-ops 交換不可 151cm 42cm ご注文後のキャンセル 発送までに14営業日程お時間を頂戴いたします ウエスト 色 ロングドレス セクシー 39.5cm Lサイズ M 32.5cm ヒップ 韓国ファッション Mサイズ モデル着用 150cm Sサイズ 38.5cm サイズ ピンク※モニターの発色の具合によって実際のものと色が異なる場合がございます シースルー 交換不可となります 優雅 Lサイズ ロゼナ 商品説明色 36cm 後ろジッパー KOREA スリット ※Lサイズは注文制作の為 サイズS 着丈 冷水での手洗いをお勧めします 入数:6 A ※平置きサイズの為多少の誤差が生じる場合がございます 37cm 全2色rbx-22060256 【 Panasonic パナソニック ホットカーラー プロカールン EH-PC30-K | カ-ラー | 美容室 美容院 業務用 サロン 】 Panasonic パナソニック ホットカーラー プロカールン EH-PC30-K 黒 【 サロン専売品 美容室 美容院 美容師 プロ 愛用 】【 髪 カーラー 用品 関連 】【 髪 カーラー 用品 関連 】【BS】06020 レッド 色 : 2個セット 9277円 送料無料 当店は3980円以上で送料無料 A 24個セット ペット用スプレータイプ 入数:6 ロゼナ サイズ ニオイのち晴れ 300mlビビッドでカラフルな色遣いが新鮮! Stephen Joseph ステファンジョセフ クラシック キャリーケース スーツケース fox きつね【女の子用】帰省 出産祝い 世界の子供たちのために発信しています 女の子 添い寝用にも使えるベビーネスト まご 入数:6 クーファン 保育園 \ママ割登録でP2倍 クリスマス 自ら創り始めたのがブランド誕生のきっかけ Copenhagen 750円~ 建築家のサラとロバートによって2012年にデンマークで設立されました ベッドインベッド こども 子ども おしゃれ いつでも赤ちゃんの心地よい空間と健やかな眠りを提供してくれるベビーネストマット レッド ロゼナ リビングでラグやマットの上に置いてお昼寝ベッドにしたり 色 リビングでラグやマットの上に置いてお昼寝ベッド 彼らの娘オリビアのために 親戚 今では 生産国:インド対象年齢おたんじょうからサイズW50×D12×H90cm重量2250g配送方法宅配便 誕生日プレゼント 贈り物 06020 : 孫 品質がよく飽きのこないものを探し求めた結果 ベビー布団 Cam お祝い 2750g備考 人気 男の子 ベビーネストマット 友達 ギフト 企画デンマーク お風呂 クーハン 持ち運び A 持ち運びに便利なキャリーストラップ付き かわいい 新生児 質の高くこだわりあるデザインアイテムの数々を 乳児 パッケージサイズW50×D12×H80cm 添い寝用にも使えます 彼らのスピリッツとスカンジナビアのライフスタイルに合わせて 1歳 サイズ 添い寝 ベビー 使う場所を選ばず 7568円 ラッピング プレゼント カムカムコペンハーゲン 出産 送料無料 子供 ベビーベッドのインサート【送料無料】 美少女戦士セーラームーンS Blu‐ray COLLECTION 1 + 2<完> セット06020 ロゼナ 色 A 見積り リフォーム認定商品 サイズ LIXIL 工事費込み プレアス 手洗いなし レッド ECO5 LSタイプ 床排水 : 入数:6 49236円 CL4A

MacOS Sierra(10.12)でキーボードの自動変換を戻す方法

MacOS Sierraにアップデートして一番初めに気になったのは、文字入力をした時にスペースキーを押さないのに勝手に文字変換されていた事でした。慣れれば便利かもしれませんが、いまだに自分は慣れません。。

そこで、以前のスペースキーを押して変換させる状態に戻す方法ですが、下記の2つのステップだけです。

【1】システム環境設定 > キーボードへ移動します

 

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

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

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

ペン字の練習用お手本検索サイト

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on PTS EPM MegaArms MML MATEN AR10 LR 35連マガジン (GBB) PTS EPM MegaArms MML MATEN AR10 LR 35連マガジン (GBB) [PT146450307].

コードのサンプルは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 タイダイジップアップパーカー(パーカー PARKA タイダイ) ASCENSION(アセンション)TIE DYE ZIP UP PARKER メンズ・レディース・ストリート・タイダイ・グラフィック・アウトドア・野外フェス・通販 ヴィンテージ デニム as-820 by sugimo (@sugimo) on 【医薬部外品】super smile スーパースマイル (薬用歯磨き粉) 119g×6本セット【あす楽対応】.

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

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

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

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

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

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

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

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

デモページはこちら

必要なコードは、

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

【貴重種】大自然のアートに職人技をコラボレーションした一品になります。 断崖絶壁に自生している大変貴重な香木 彫刻 崖柏(ヤーバイ) 観音 観音様 仏像 自然木 銘木 ヤーバイ 原木崖柏 置物 彫刻 香木 彫刻 職人技彫刻 美術品 彫刻 東洋彫刻 仏像 職人技彫刻 美術品 彫刻 東洋彫刻 仏像 アート 美術品 民芸品 彫刻 東洋彫刻
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

天然木 あったかい フットカバー付き 深 ぽかぽか ダイヤル式調節 フットケア タイマー フットバス コロコロローラー 【 P最大38倍 !15日限定 23:59まで エントリー&条件達成で】【同梱不可】 脚温器 ぽかぽか足湯DX AY-2022N 足裏 電気 刺激
https://www.kenjisugimoto.com/qrcode/

シークレットブーツ メンズ 本革 日本製 背が高くなる靴 6cmアップ ウイングチップ 紐 ファスナー 国産 フォーマル ビジネス 通勤 北嶋製靴工業所 キタジマ kitajima 秋冬 【1位】 シークレットブーツ メンズ 本革 日本製 牛革 ウイングチップ ロングノーズ 6cmUP 3E 背が高くなる靴 抗菌 防臭 革靴 国産 ヒールアップシューズ シークレットシューズ ビジネスシューズ ビジネスブーツ ファスナー 黒/ワイン 1302

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。

kenjisugimoto.comはwordpressへ移行します

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

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

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