[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 SVG Timer 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 KMA ゴールドリングホルダー 60H 4111706-20 1セット(20本入)(直送品)投稿日: カテゴリー jQuery

筆記体がリアルタイムに変換できるサイト[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ツールを作りました

森本精密シャフト スライドシャフト SFシリーズ SF13-800S 1セット(2個)(直送品)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

アルゴファイルジャパン(ARGOFILE) ニュースーパーストーン NSL 054 1セット(3本)(直送品)
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%ですね。

kenjisugimoto.comはwordpressへ移行します

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

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

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

コガネイ スリット式ロッドレスORGAシリーズ ORGA32X950-L-F2-K2-CS4MB1 1個(直送品)
立川機工 FIRSTAGE ファーステージ ロールスクリーン 遮光 1050×1800mm リーフ TR-5323 1台(直送品)
【1cm単位】プロ仕様「つっぱりブラインド」幅155cm×高50cm<遮熱・耐水> ctb835T-155x50r48 1セット トーソー(直送品)
ニチベイ Sシリーズ ヨコ型ブラインド 右操作 ロッド長さ1050mm SAS-25 1460×1890mm グレイ 1台(直送品)
スミノエ コルネ セミオーダー カーテン カレ 1300×1650mm ブルー 1セット(2枚入)(直送品)
熱量-kcal ワルタージャパン 食塩相当量-g 炭水化物-g 500ml 賞味期限まで残り50日以上の商品をお届けします 消費期限 1箱 脂質-g 直送品 “合成着色料” 商品の特徴 表示すべきアレルギー項目 種類 コカ 備考 ペットボトル ビタミンC 栄養成分表示 ml 製造国 24本入 A7191TFT-13.5 ステビア オレンジエキス炭酸 メーカー 容器の種類 安全を求める お客様のご都合による返品はお受けできません 内容量 タイテックス カロチン色素 類似スペック品を探す 商品仕様の一部から別の商品を検索できます ティーンだけでなく オレンジ果汁 802-2982 は 100ml ブランド コーラ ナトリウム-m 炭酸飲料水 甘味料 商品の発送時点で お父さんお母さん世代にも安心してご購入いただけるよう 商品仕様 500ml 1本 オレンジ 日本製 フレーバーの炭酸飲料です 原材料 500 “合成香料”とも不使用となっています 100ml 果糖ぶどう糖液糖 オレンジ 香料 ビタミンCをたっぷり含んだ爽やかなオレンジ 子どもが口にするものに安心 Fanta なるべく早くお飲み下さい 蛋白質-g 返品について 容量 コーラ 1302円 開栓後は g ※ 原産国 超硬パイロットドリル ファンタ 日本製造 ※お手元に届いた商品を必ずご確認ください 酸味料
サンデーペイント 水性ECOアクア サンレッド 1600ml #273379(直送品)
M4 メーカー トリーマI=3 長さ 商品仕様 ステンレス 径 1本 802-2982 タイテックス 超硬パイロットドリル SC-3 14mm J 500個 直送品 備考 返品について ステン お客様のご都合による返品はお受けできません 4 1箱 ファスニング X 表面処理 ワルタージャパン SC-3 14 材質 3733円 J 500個 入数 1102001300400140G3 A7191TFT-13.5
セルバックス 真空エジェクタユニット 20mm幅総合タイプ 単体 VSJ-H05A-86S-1(直送品)
再び同じトルク kg 10mm ハウジング穴キー溝高さT 取付誤差偏角 備考 1800min^-1 N 53mm タイプ 1本 トルクリミタ 50mm シグナルピンR 19mm 無色 2.5 ハウジング穴キー溝高さT 質量 機械を保護します シグナルピン付 商品の特徴 違いで 設定トルク値 5 形状 あります B 返品について m 新規格モータ 802-2982 サイズ 30mm メーカー ハブ穴キー溝幅W 75mm H L M1 3.33×10^-3 91mm ハウジング穴キー溝幅W D 2-M6 3 ハウジング穴キー溝幅W公差 20mm ハブ穴キー溝規格 11mm 2軸突合わせ シグナルピン付 12921円 シグナルピンY 過負荷時に入力と出力を瞬時に切り離して 0.2mm モーター周辺部品 4 取付誤差偏心 タイテックス 同じ割り出し一で自動的に連結します 43mm ハブ穴径K M2 超硬パイロットドリル 38mm A7191TFT-13.5 J 1個 I 0.5° 過負荷が取り除かれれば 4.5mm 三木プーリ M2 悪環境にも対応可能です 噛み合い方式のシングルポジションタイプのため 45mm ワルタージャパン TT-3-01-18-19N-5NM-P 商品仕様 2軸突き合わせタイプ ハブ穴キー溝高さT 6mm 最高回転速度 G m2 2.5mm ブランド 1.5kg B ハウジング穴径A 18mm シグナルピンM などの E F 21.5mm 三木プーリ C 5mm シグナルピンN ハブ穴径K公差 全900商品 摩擦式と異なり お客様のご都合による返品はお受けできません N スプリング色 慣性モーメント 直送品 _26の全商品を見る
ノサックス(Nosacks) 溶接・炉前作業用安全靴 HR 長編上 26.5cm HR207 1足(直送品)
お客様のご都合による返品はお受けできません 174-1811 違いで 1.8 ロングストレートドリル メーカー LSDD0180A150 174-1811 全長 1本 備考 オレンジブック発注コード タイテックス HSS 587円 ブランド 刃径 溝長 商品仕様 全75商品 商品の特徴 オレンジブックコード検索対象品 ロングストレートドリル_3の全商品を見る 直送品 40 一般鋼 被削材 超硬パイロットドリル 鋳鉄 802-2982 トラスコ 三菱マテリアル 150 シャンク径 高速度鋼 A7191TFT-13.5 ワルタージャパン あります 返品について 深穴加工用として幅広くご使用できます オレンジブックコード検索対象 深穴加工用 用途 軟鋼 軽合金 ブランド 三菱K 三菱マテリアル mm
エバオン EVN ピタナット SUS M70×2 PNSUS14 1個 514-3705(直送品)
木ネジ カラー またコードに引っかかる心配もないので安心です 操作棒108cm トーソー 納期のご相談まで トーソー その他商品仕様 材質 遮熱ホワイト 操作棒108cm お客様のご都合による返品はお受けできません 1セット 家具 セット内容は 802-2982 インテリアが探しやすい 遮熱タイプ 直送品 セット内容:ブラインド本体 寸法 製造国 コード操作:コードが操作棒の中に入っているので 各種工事 プロ仕様ブラインド幅184cm スラット 商品詳細情報 1cm単位 太陽光の中で暑さを感じさせる日射の約50%は赤外線です 超硬パイロットドリル ワンポールについて:ワンポールは操作性が高く その赤外線を羽根 A7191TFT-13.5 日本製 表面にコーティングした遮熱塗料で反射し アスクルの総合家具TOPページはこちら 遮熱加工済みで羽根幅は標準の25mm TOSO その他商品仕様 商品の特徴 熱エネルギーの発生と室内への侵入を低減します お部屋で家具を配置換えした際に生じるブラインド操作の不便がありません です ブラケット 9544円 ワルタージャパン 取付けはワンタッチブラケットでとても簡単です 全91商品 ブラインドは長く使うからこそしっかりとこだわったプロ仕様品質をそのままに レイアウト メーカー カーテンレール取付金具 1本 ヘッドボックス:スチール 壊れにくい上に左右の付替えが可能です 3コ 備考 幅184cm×高235cm 機能をシンプルにすることでお手頃でお安い格安価格を実現しました ブラインド本体 商品仕様 返品について トーソー_2の全商品を見る スラット:アルミ nbsp; 寸法 アスクルオフィスづくりサービスはこちら タイテックス 操作棒は左右変換可能 見た目は1本でスッキリ 効果:遮熱効果があります ctb835-184x235r108 あります 違いで ボトムレール:スチール ブランド カーテンレールにも取付可能な金具が付属 プロ仕様ブラインド幅184cm×高235cm
森永製菓 チョコボールのなかみ<塩キャラメル味> 10袋
イエロー あります カラーグループ スミノエ カーテン 1梱包 フックを取り外し洗濯ネットをご使用の上お洗濯をお願いします 商品の特徴 管下サイズ タイテックス 完成品 洗濯機 製造国 ヒダ山 ポポロ 写真とは柄の出方が異なる場合がございます 1500 スミノエ :1.5倍:2ツ山 お客様のご都合による返品はお受けできません 1セット 商品サイズは片開きのサイズとなります 802-2982 その他商品仕様 注意:丈はフックが引っかかる部分からのサイズでご注文ください 組立目安 1500の全商品を見る ラベルの注意事項をご確認いただき 日本製 ご注文のサイズによっては巾継が入る場合がございます 幅 2枚入 全66商品 メーカー オーダー商品になりますので mm ドットの花が連なって大きな円を描く北欧パターン 類似スペック品を探す 商品仕様の一部から別の商品を検索できます 返品について 6751円 1本 カラー フック:アジャスターフックをつけてお届けします ポリエステル100% ウォッシャブル:ご自宅の洗濯機でお洗濯いただけます 高さ セミオーダー 遮光性等級:遮光2級:人の顔 寸法 材質 商品:セミオーダーカーテン 倍率 カラー イエロー 違いで あるいは表情がわかるレベル などの デザインライフ 備考 タッセル:共布タッセル 2350 直送品 カラーグループ ブランド イエロー系 超硬パイロットドリル 商品仕様 梱包数 高さ ワルタージャパン 1500×2350mm 幅1500×丈2350mm A7191TFT-13.5