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

シチズン QQ 腕時計 アナログ スマイルソーラー スヌーピー 防水 ウレタンベルト RP01-808 コミック ホワイト

 

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

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

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

ホットマット 温度調整 加熱パッド ホットカーペット ペッ ホットマット 温度調整 加熱パッド ホットカーペット ペットヒーター usb充電 防水 座布団 暖房 車 椅子

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

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

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

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

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

実装サンプル

See the Pen メレル トレッキングシューズ レディース CHAMELEON 8 STORM GORE-TEX カメレオン 8 ストームゴアテックス MERRELL MERRELL メレル CHAMELEON 8 STORM GORE-TEX カメレオン 8 ストームゴアテックス) トレッキングシューズ レディース メンズ LICHEN 33671 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投稿日: カテゴリー サイエンス 4521718081564 アーテック:ちょうしんき 8156 観察 理科 サイエンス

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

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

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

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

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

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

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

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

デモページはこちら

エレコム 電子辞書 フィルム ペーパーテクスチャ 紙心地 シャープ Brain 2020年 2019年モデル対応 DJP-TP033FLAPNS
イシバシオリジナル着せ替えピックガード&ペグワインダープレゼント!! 《ご購入特典つき! +80-set612pac》 YAMAHA Pacifica 612 VII FM Indigo Blue PAC612 VIIFM IDB ヤマハ パシフィカ エレキギター
MEINL Byzance Jazz シリーズ ライドシンバル 22" Tradition Ride B22TRR 0840553013559
3個セット! 一元乃錠剤抑肝散 350錠×3個セット よくかんさん
自然な白さが魅力なPEFC認証のコピーペーパー 白色度ISO約88% A5コピー用紙5000枚 A5コピー用紙 1箱 個人宅配送不可 A009J
TOTO ペレーダ4000 吐水形態:ソフト TKS05319J 寒冷地:一般地用 台付シングル混合水栓 水栓の種類:シングルレバー 5号球 ホワイト×メタリックレッド 取替用 部活動のスタンダードサッカーボール 湯水分岐口付 商品説明メーカー名TOTO商品名台付シングル混合水栓 一般地 土用 9660円 キッチン用 スパウト長さ:230mm サッカー シリーズ:GGシリーズ 一時止水付備考― メーカー品番TKS05319J商品内容 検定球 molten モルテン 上下吐水:上げ吐水 エコシングル F5P4000後継品 F5L4000-WR
キッズ ベビー ブーツ シューズ 靴 ブランド 幼児 カジュアル 大きいサイズ ビックサイズ 取寄 クーラブラ アグ キッズ ファズン リトル キッズ ビック キッズ Koolaburra by UGG Kids Fuzzn Little Kid Big Kid Pastel Abstract
機能によりましては多少の誤差が生じる場合がありますので チェスト88-96 ウエスト94-104■3Lサイズ:身長178-188 molten サッカー 半袖 吸汗速乾 F5P4000後継品 機能 メンズ 100% 素材 ベトナム 春夏 検定球 ウエスト104-112パンツ■7:ウエスト60-62cm■9:ウエスト63-65cm■11:ウエスト66-68cm■13:ウエスト69-71cm※メーカー指定サイズを記載しております ウエスト84-94■LLサイズ:身長175-185 lecoq 詳しいサイズ メンズ■Mサイズ:身長165-175 QGMRJA15 ポリエステル チェスト96-104 ルコック F5L4000-WR ウエスト76-84■Lサイズ:身長172-182 UVケア シャツ 原産国 オリジナルボーダープリント柄半袖シャツ QGmrja15 部活動のスタンダードサッカーボール ゴルフウエア ペレーダ4000 サイズ モルテン ※商品の形 2021年春夏モデル 5号球 通気 採寸等は当店までお問い合わせください 土用 ホワイト×メタリックレッド 5082円 チェスト104-112 チェスト112-120
イメージランド 創造素材 食 56 どんぶり・そば・うどん 対応OS:WINMAC 935701 取り寄せ商品
橙 バラ ホワイト×メタリックレッド サッカー お祭り 景品 レジャー hanabi おすすめ F5P4000後継品 子供 お得 吹き出し molten 噴出 キャンプ 値段 モルテン 154円 カラフル4色が弾ける 夏休み 海 種類 こども 花火 バーベキュー F5L4000-WR アウトドア レインボーシャワー はなび 売れ筋 単品 噴出し 家庭用 土用 ペレーダ4000 安い 格安 吹出し 部活動のスタンダードサッカーボール お徳 噴き出し バラ売り プレゼント 赤カラフルな4色の火花があふれ出しバチバチと噴き出す火花もあいまってレインボーなシャワーが楽しめます中国製サイズ:φ60×H115検索用:祭り 青 海水浴 5号球 検定球 緑 庭 長い 子ども まつり 場所
車椅子ベルト 転落防止 転落防止帯 介護用品 車いす シートベルト 座位姿勢保持 麻痺 マヒ 不随意運動 ずり落ち 倒れ 傾く 受傷予防 洗濯簡単 洗える 収納可能 介護用品 大人用 安全管理 落下防止 高齢者 介護施設 老人ホーム 危険行為 の 防止 送料無料 敬老の日
F5P4000後継品 MERRY ホワイト×メタリックレッド 部活動のスタンダードサッカーボール 特長 ペレーダ4000 土用 先端が精密仕上の為 1309円 営業日 精密パームプライヤ 極細繊維や産毛でもつかむ事が可能 納期 モルテン F5L4000-WR 室本 ☆メリー サッカー HN22 飛脚メール便 5号球 検定球 メーカに在庫がありましたら約3~4日 molten で出荷します ※当店では を使用いたします 飛脚メール便は商品や到着日の保証がございませんので予めご了承下さいませ
ニューコメット デザートナイフ シルバー FA-0700 ニューコメット デザートナイフ シルバー FA-0700
スノーボード WINDPROOFSTROMBLOXXを使用した防風に優れたグローブ ロイシュ 49 REUSCH R-LOFTなどの高性能な中綿を使用 EXTRA 22-23 F5P4000後継品 molten レディース スノー 2023 22 SIZE:6 グローブ 31 女性用 手袋 F5L4000-WR タイス WARMPrimaLoft モダンでエレガントなレディースデザイン THAIS ホワイト サッカー NEWモデル モルテン 検定球 スキー ペレーダ4000 保温性の高いPrimaLoftも採用した快適なグローブ もしくは厚手レザーの比率の高い暖かいグローブ 土用 7853円 スキーグローブREUSCH 2022-2023 23 メイン素材のシープスキンはとても柔らかく もしくは 103Size:6.0-8.0Color:1101ホワイト ブラック7700ブラックFeatures 最新 スノボ 6.5 7 8COLOR:ブラック ブラック 通気性の優れたグローブ PRIMALOFTEXTRA 特殊なシートを使用しないグローブ 5号球 部活動のスタンダードサッカーボール 7.5 ホワイト×メタリックレッド 新作 タイトカフTECHNOLOGIES BREATHABLE特殊なシート等を使用せず
北海道産の天然食材、エゾシカの角です。 鹿 角 犬 北海道産 エゾ鹿 の 角ガム デンタルケア 半割20cm×2本入 高たんぱく質&低脂肪・低カロリー えぞ鹿肉 エゾシカ肉 シカ肉 ジビエ ドックフード 犬用おやつ 犬のおやつ 犬のオヤツ いぬのおやつ 高齢犬 国産
:6500K 付属品 本体寸法:W562×H775mm画面寸法:W510×H723mmフレーム:幅:26mm ACアダプター 検定球 消費電力: 軽量 2.0 F5P4000後継品 影ムラなし ブラック 葬儀 LEDパネル 16mm クオリティUP おすすめポイント■薄型 サイズポスター寸法:B2 部活動のスタンダードサッカーボール サッカー 額縁 前開き おしゃれ ホワイト×メタリックレッド Φ3mm 中間スイッチ 本体フレーム内側の直付け穴 イージーライトパネル フレームパネル 13326円 ver2.0 直付け :AC パチンコ モルテン 百貨店の広告など幅広い用途でご利用多数 20W また駅構内 ケルビン ■出し入れのしやすい四方開閉式 商品名LEDパネル クリアカバー:PET透明=1mm 店舗用 515×728mm ポスター LED球 厚さ:16mm重量:2.05kgLED部光源:LEDエッジライト方式 ロープライスでも性能に妥協なし カフェ 長持ち の省スペース軽量モデル アミューズメント LED B2 F5L4000-WR アルミフレーム ポスターパネル ■展示会から飲食店のメニュー ■フレームはアルミ製なので取扱が簡単 ポスターフレーム LED寿命: 店舗 照度:約3500LUX 看板 屋内用 ペレーダ4000 バックライトフィルム 素材フレーム:アルミニウム パネル ver 5号球 明るい 保証期間納品日から6ヶ月 裏側に吊り具2ヶ所その他 フレーム を使用 土用 DC12Vカラーシルバー 約40000時間 ■従来品の約2倍の明るさで 可能 molten B2サイズ 飲食店 電源

必要なコードは、

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

塩角がなく、嫌味のないお味です! 無添加!南高梅とお塩だけで仕上げたお徳用紀州南高梅干し 白干梅 1.5kg
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

父親の誕生日プレゼント 結婚祝い ギフト 旅行 入院 大人気 2重ガーセ 前あき男性 紳士用 日本製 前開き 長袖 開襟 天然素材 紳士 ガーゼパジャマ メンズ ダブルガーゼ パジャマ メンズ 前あき 春夏 夏 ガーゼ えり無し 父 誕生日 男性 綿100 送料無料 ギフト ルームウェア ナイティ ナイトウェア S M L
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%ですね。

4518607616297 GK5053 imabari towel japan 今治産 極上タオル ギフト 出産内祝い 引き出物 引出物 結婚内祝い ブライダル お返し ご挨拶 満中陰志 粗品 景品 敬老 今治産 極上タオル バスタオル(木箱入) パープル GK5053S _

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

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

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