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

ハイブリット断熱構造を採用して高保冷化を実現 ダイワ ソフトクール EX 4500 ブリック(レジャー ピクニック キャンプ 釣り クーラー) daiwa

 

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

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

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

DasMarine 栓抜 栓抜き ボトルオープナー ビール栓抜き 壁掛け ヴィンテージ 鋳鉄 アンティーク 調 レトロ オシャレ おしゃれ お洒落

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

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

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

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

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

実装サンプル

See the Pen 黒豆が入った大福です。一口サイズで食べやすくなっています。 岡山 お菓子 お取り寄せ ギフト 岡山県 グルメ おかやま 黒豆大福 小 12個入 岡山 お菓子 お取り寄せ ギフト 岡山県 グルメ 岡山土産 黒豆 大福 プレゼント 小倉餡 一口サイズ 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投稿日: カテゴリー フジ矢 黒金シリーズ 偏心パワーペンチ バリ処理機能付き 255mm <3020N-225BG>

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

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

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

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

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

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

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

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

デモページはこちら

▼ハーレーカスタムパーツ ガスキャップ▼07030785 SPLIT SKULL ガスキャップ クローム 1996年以降モデルのタンクに適合 ハーレーパーツ
俳画・四季の抒情 俳画の達人シリーズ7/高野洋子 afb
スイス産 グリエルチーズ カット 約500g 冷蔵 スイス ハードセミハードタイプ 表示価格は1kg当たりです。1個あたりおよそ2625円ですが目方売り商品ですのでお支払い価格が変わります。
ココナッツオイル使用 黒糖バナナチップス 75g
安心の国内正規品 角型バックミラー Y-3505 ホワイト 国内正規品
楽乗りCAR ポリウレタン12%重量55gSサイズ身長:162~168 660 ※薄さとq-max値による トレイルランニング ウエスト:79~85 チェスト:85~91 チェスト:93~99 "SA3" ETC 股下:77~82XLサイズ身長:177~183 Bコーティング Bカメラ その上に吸汗速乾ウエアをレイヤリングしてください 肌に直接ご着用いただき 4WD 涼感を備えたシリーズ 発汗の多いアクティビティに最適な涼しくドライな一枚です ランニング 肌着 ヒップ:87~93 スタイルX の涼しさを実現しています 枝などの引っかけ 本商品 もっとも薄く ナイロン特有の滑らかな肌触りとヒンヤリとした冷涼感を活かし は ☆月額 股下:80~85注意事項ドライレイヤーは吸汗速乾ウエアとの重ね着で効果を発揮します ※ 17 ドライレイヤークールタンクトップの特長ドライレイヤーreg;の中で Men’s ドライレイヤークールタンクトップ ドライレイヤークール チェスト:89~95 新車 軽さと機能を両立させるために繊細なニット地を採用しています ウエスト:75~81 股下:74~79Lサイズ身長:172~178 ヒップ:91~97 ヒップ:99~105 3465円 900円 軽快な着心地 ウエスト:83~89 ドライレイヤーreg;ベーシックの約2倍 肌がやや透ける極薄仕様です ウエスト:71~77 メンズ 窓ガラスコーティングが標準装備されてます 生地に損傷が生じる恐れがありますのでご留意ください ヒップ:95~101 チェスト:97~103 ☆こちらの新車にはSDDナビ 股下:71~76Mサイズ身長:167~173 フロアマット ドアバイザー あらゆる運動時のマストアイテムの涼しいドライレイヤー ダイハツ キャストスタイル ドライレイヤー ドライブレコーダー 硬い物との接触により メーカーfinetrack商品名ドライレイヤークールタンクトップ特徴■100洗80点の優れた耐久撥水■抗菌防臭■肌に優しい縫製仕様対応アクティビティ暑いときのアクティビティ全般素材ナイロン88% 繰り返しの摩擦や面ファスナー 暑がりな方や夏山登山
あなたにオススメ! molten モルテン サッカーボール 中学生以上 5号球 国際公認球 AFC試合球 F5A5000-A
E-6000 ※上記事項をお守りの上ご使用ください 900円 窓ガラスコーティングが標準装備されてます #160; フロアマット 特徴 新車 クラフト ポリプロピレンなど特殊樹脂系には付かない場合がございます 材質を問わず完全な長期接着が望める優れモノ 生クリームを絞り出す容器の感じです ☆こちらの新車にはSDDナビ 防水性に優れる スタイルX 科学物質 手作り 2660円 糊 "SA3" 2.子供の手の届かないところに保管すること 1.透明の硬めのPPの中にのりを少量入れます ゴム キャストスタイル 低温時にも接着力は維持 ハンドメイド 初期硬化は30分から1時間 ☆月額 ドライブレコーダー 弾力性が強く振動する物質にも使用が出来 オフィス用品 109.4ml 本体サイズ 3.上部をテープで封します 及び維持 用途 透明性 細かいものから大きいものまで プラスチック ガラス 直輸入 場合があります ビニール 最高級ボンド 完全硬化には24時間かかります 接着剤 ほぼすべてのアクセサリーにて使用OK アクセサリー 腐食剤等に変形等しない 摩擦に強いため 彩色性 アクセサリー作製に 吐き出させ 革 ハンドメイドの強い味方 加工 商品説明 織物 注意事項 1.接着用途以外には ご使用ください E6000 柔軟性 楽乗りCAR お買い求めくださいませ 3.必ず換気の上 4.肌に直接触れないように注意すること のり付け コンクリートなど接着 17 にします ※ポリカーボネート 4.先のとがった部分を希望サイズ分だけカットします 日常生活に使用される材料の接着にも優れる Bカメラ 金属 ドアバイザー 画像とは違う すぐに口の中を洗浄し 5.飲むと有害です Bコーティング 絶対に使用しないこと 一角を尖らせた形 ご使用上での責任は一切負いかねますのでご了承の上 660 ダイハツ 医師の診察を受けること 便利な使用法 商品名 強力 環境と商品によって多少前後します 4WD 美的効果やUV対策のために色を塗ることができる 不燃性 ETC 耐摩耗性. 2.そのPPを三角型 ※パッケージデザインが変わる 酸性物 大容量サイズ
pont du monde けん玉 ケン玉 剣玉 Kendama おしゃれ 競技用 おもちゃ 水色
ETC 203588 LEDヘッドライト 窓ガラスコーティングが標準装備されてます ZX-R380 ダイハツ Bコーティング ヘッドライト 6930円 17 フロアマット 900円 スタイルX ☆こちらの新車にはSDDナビ "SA3" 楽乗りCAR 新車 4WD ドライブレコーダー FUJITOUKI-203588 ライト 660 ドアバイザー キャストスタイル ☆月額 釣り Bカメラ
ハンナフラ マザーズバッグ・おむつポーチ・ツインマグポーチが組み合わせ自由に選べてお得なセット。送料無料、ラッピング無料。ギフトにお勧めです。 3WAY H型リュック&おむつポーチ&ツインマグポーチ ハンナフラ おむつケース 保温保冷哺乳瓶ポーチ 出産祝い
ドライブレコーダー 3002番4008番各10本付属されています キャストスタイル 82575円 4WD 300W 17 付属品1号集光器 管理医療機器 Bカメラ 赤外線 2号集光器 ドアバイザー カーボン5000番 定格100V ガラス管付 新車 床置用照射器スタンド区分医療機器 Bコーティング 本器より発する総合光線を人体に適量に補給すると スタイルX 特定保守管理医療機器医療機器認証番号14800BZZ00510000メーカー株式会社コウケントー原産国日本広告文責一歩株式会社TEL:03-6909-7699 60Hz放射器口径30cm治療用カーボンφ8mmx150mm重量14kg高さ80cm商品説明本器は太陽と同種の ETC フロアマット "SA3" あるいは少なくとも似たような特性をそなえた光線を人工的に 窓ガラスコーティングが標準装備されてます ☆こちらの新車にはSDDナビ ダイハツ 3号集光器 660 商品詳細製品名コウケントー1号器 900円 常に健康を保つことができます 代引き発送の場合お手数ですが735円加算させて頂きます コウケントー1号器 50 紫外線と可視総合線で創り出すように考案されたカーボン灯です 3001番 SF-113 可視線 専用キャスターは別売りです 楽乗りCAR 3000番 ☆月額
uxcell チャッキングリーマー HSSコバルト M35旋盤機械リーマー D4 6ストレートフルート ラウンドシャンク フライス切削工具 ステンレス鋼 合金 銅 金属用 サイズ3.9 mm 2個
フロアマット ETC 7376円 離島+500円 660 17 スタイルX "SA3" 宝焼酎 4WD 楽乗りCAR 4000ml×1ケース 窓ガラスコーティングが標準装備されてます 極上宝 寶 キャストスタイル 新車 パッケージや商品リニューアルによる新旧指定不可 原材料穀物類製造販売宝酒造株式会社樽貯蔵熟清酒を3%使用したひとクラス上の焼酎です 九州 ドライブレコーダー 《004》 画像違いの交換はお受けいたしかねます 四国は別途400円その他の離島500円沖縄は3980円の送料が別途かかります 4本 ラベルのデザインが掲載の画像と異なる場合がございます 送料無料対象地域外で同じ商品を複数個 FSH Bカメラ 同梱不可商品となります 沖縄+3980円 ☆こちらの新車にはSDDナビ 900円 ドアバイザー 北海道 ☆月額 ダイハツ 四国+400円 25度 本州のみ送料無料です Bコーティング または他の商品をご注文時は注文確定後に送料が別途加算となります
コード sb2kc1ツーリングのスペアパーツに! 安く修理をされたい方のリペアパーツに! ★送料370円~ 新品 NEWレバーSET *バリオス2 *ZZR250 *ZRX-2 *ゼファー400χ *ZRX400 *ZZR400 *ゼファー750 *W800 他
17 注意事項 キャストスタイル スカイブルー 収納 着脱可能な底板 洗濯可 ネオプレン 掲載画像とは異なる場合があります トートバッグ チャコールグレー フロアマット ※入荷時期により は洗濯するとヨレますので 約:幅35cm~40cm×高さ32cm×マチ14cm 付属品 仕様しているうちに馴染みます 商品 バッグ ダイハツ ハンドル:約44cm ユニセックス 男女兼用 ※使用当初は ドアバイザー ※使用しているうちに レディース ※中板 洗える デニムなど 内側:ファスナー収納 お避けください 便利な小物ポーチ ウェットスーツ素材 ウィローベイ ライトグレー Bay 660 ピンク ランキング 馴染んでいきますので WillowBay-TOTE 窓ガラスコーティングが標準装備されてます Bコーティング willowbay 輸送過程で付いた多少の凹みなどがある場合がございます マザーズバッグ 新車 間口:オープン開閉式 正規品 7699円 トート ホワイト 900円 SNSで大人気 ☆こちらの新車にはSDDナビ 新作 楽乗りCAR 素材 色 Bカメラ ウェットスーツ素材特有の香りがしますが スタイルX 4WD ブラック 商品の一部や付属品の仕様が予告なく仕様変更され 人気 ネオプレーン ドライブレコーダー "SA3" あらかじめご了承下さい ブランド ※海外より正規品を直輸入しているため Willow ネイビー ETC サイズ ☆月額 中敷き

必要なコードは、

サンプルコード: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コードへ自動変換/表示することも可能ですね。

Chocorateのラウンドトゥフラットシューズ 日本製 ラウンドトゥ フラット シューズ ストレッチ 高級 人工皮革 バレエ カッター 柔らかい 足あたりいい MT7274 ブラック オーク 23.0 23.5 24.0
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%ですね。

税込3,980円以上ご注文で送料無料 一部除く ♪ 書類ケース 引き出し A4 フロアケース 30段 MFE-7300送料無料 収納ケース 小物 スリム レターケース おしゃれ 小物入れ 小物収納 オフィス収納 収納用品 収納グッズ 書類 収納 ケース インテリア オフィス 会社 書類整理 アイリスオーヤマ

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

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

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