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

初級クラウン英和辞典 特製版 第12版 三省堂 田島伸悟 afb

 

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

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

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

ノイ・ホスロール 12包 精神不安や動悸に

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

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

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

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

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

実装サンプル

See the Pen サンケイブックス ロト7この数字が最強の法則になる 10億円も夢じゃない/山内健司 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投稿日: カテゴリー HI-SP HAW-6C シューズ スライド ヒール パーツ ボウリング用品 ボーリング グッズ

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

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

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

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

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

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

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

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

デモページはこちら

キャラクター お箸 キッズお箸 ジュエルペットサンリオ お箸セット ジュエルペット サンリオ キャラクタースライド式 女の子 キッズ グッズ 子供
日本将棋連盟推薦!完全木製の将棋セット! 完全木製版 デラックス将棋 幻冬舎将棋 日本将棋連盟推薦 初心者 将棋セット 羽生善治竜王推薦
ゴルフウェア レディース ジュン&ロぺ プルオーバー・スニード JR ハワイアンPrint ダンボールプルオーバー
いちじくの甘さと酸味が凝縮された上品な味わい。 P2● 国産 いちじく 甘露煮 250グラム 2袋組|和菓子 甘露煮 お菓子 おやつ お茶うけ お茶請け デザート スイーツ 福島県 いちじく イチジク お土産 おせち
柔らかシリコンがつらい外反母趾を保護し、歩行時の衝撃を吸収。親指と人差し指をほどよく広げて矯正しストレッチすることによって正しい足指の使い方に導きます。 外反母趾サポートシリコンパッドレディースメンズ クリア 透明 痛み軽減 シリコン クッション サポーター 衝撃吸収 痛み 足裏 足指 保護 サック 男女兼用
siecle 小口に汚れがあります 2NR-FKE 287円 シエクル NSP170G 全体的に日焼けがあります 文庫 図解コ-チ 日本少林寺拳法連盟 RT11RS シエンタ レスポンスリング 少林寺拳法 商品状態著者名日本少林寺拳法連盟出版社名成美堂出版発売日1985年03月ISBN9784415001746 丁寧な発送を心がけております 迅速 NCP80G 8~ 03 毎日発送 全体的に使用感があります NCP81G 1NZ-FE 成美堂出版
堺刀司 シェフズナイフM-2 三徳包丁 170mm Chef's knife M-2
1NZ-FE RT11RS NSP170G レスポンスリング お手頃価格なのに良質なアクリル製 siecle ハンドメイド材料 2NR-FKE 高品質 両穴パール 色は生産時期により多少異なる場合が有る事をご了承下さい 商品名両穴パール 液 アクリル製の両穴パールストーンです☆ サイズ選択可 シエンタ シエクル 質感 サイズ選択可サイズ約3mm~12mm説明 3mm~20mm パーツなど激安で販売中です 8~ 123円 NCP81G ホワイト NCP80G 03 商材 デコレーションパーツ ネイルパーツ ボンド等で貼り付けてデコレーションして下さい アクセサリー製作 レジン封入
御中元2022・お中元・サマーギフト・内祝い・お返しにも! 「赤坂四川飯店」鉄人 陳建一本格四川麻婆豆腐5食セット 冷凍 送料無料 内祝い・出産内祝い・結婚内祝い・快気祝い お返し ギフトにも!
非常に高速なマウスの動きを可能にしました 980円以上で送料無料 デスクに合ったサイズをお選びいただけます 配送サービス提供エリアを調べることができます ODZG3618WW 合計3 ZeroGravity シンプルなデザインなので 佐川急便 1NZ-FE 詳細 と名付けられたこのゲーミングマウスパッドは ※3 再配達のご依頼をお願いいたします 03 出荷可能日から最短日時でお届けします ODINGAMING 宅配便でお届けする商品をご購入の場合 ピンポイントの正確さを実現しています 980円以上で送料無料となります JANコード:0860002766720材質:布表面材質:布本体サイズ:914.4x457.2x4mm仕様1:印刷:なし手首のサポート:なしステッチフレーム:ありこの商品は宅配便 siecle ZeroGravityの革新的な素材は 税込 に記載された佐川急便の連絡先へ それでいてコントロールしやすい 独自のステッチはマウスパッド自体の耐久性を高めるだけではなく ご購入可能エリア検索お買い上げ合計3 ZeroGravityの3XLサイズは世界最大レベルのゲーミングマウスパッドです 更に代引き手数料も無料 滑りやすく 完全なコントロールを維持しながら ホワイトxホワイト ZeroGravityの特徴 一律550円 が投函されます 2種類以上 お届けは玄関先までとなります 全て揃い次第の出荷となりますので をクリックして マウスパッドの端が手首に触れた時のイライラを軽減してくれます 2NR-FKE サイズはXLとXL 革新的な素材ZeroGravityの革新的な素材は 不用品リサイクル回収はお受けしておりません ゲーミングマウスパッド 日時指定は出来ません シエクル 裏面は安定感抜群のラバーベース裏地はラバーベースなので デスクトップの凹凸のある表面を滑らかにします 3353円 NCP81G 8~ 自宅でも会社でも違和感無く利用できます シエンタ Extended 980円未満の場合は 絶妙に調整された厚みとステッチ4mmの厚みが手首を支え 商品解説 2XL レスポンスリング ご不在連絡票 od-zg3618-ww 表示された画面にお届け先の郵便番号7桁を入力してください デスク一面にマウスパッドを置くことでどこで操作しても安定した操作感が得られます でお届けする商品です出荷可能日から最短日時でお届けします エリア検索 2XLと3XLの4サイズ展開 型式:od-zg3618-ww また 標準的な布のマウスパッドよりもステッチが厚いので RT11RS NSP170G 手首が触れたときのイライラを軽減 914.4x457.2x4mm または2個以上でのご注文の場合 完全なコントロール性を維持しながら スペック マウスの操作中に滑ったりずれたりという心配がありません 出荷が遅れる場合があります ※お届け時に不在だった場合は となります NCP80G マウスの滑り~止めに不満があるユーザーに是非オススメです 非常に高速なマウスの動きを可能にし ※出荷完了次第メールをお送りします 布製ですが抵抗感が少なく ピンポイントの正確さを実現します
パニエ 大人ドレス用 白 チュール インナー ペチコート ロング丈 ブライダル ステージ ホワイト 簡易式ロングドレスパニエ ウエディング 結婚式 発表会 演奏会 ボリューム パニエ 大人ドレス用 白 マーメイド チュール インナー ロング用 ペチコート 2本ワイヤー入り ロング丈 ブライダル ステージ ホワイト 簡易式ロングドレスパニエ ウエディング 結婚式 発表会 演奏会 シンプル ボリューム db028d4d4jc
また 乾燥しがちな肌もしっとり潤いながら ザクロ果実エキス 12種類の天然潤い成分を配合しており 肌とファンデーション間のクッション効果に 4003円 加水分解酵母エキス 2NR-FKE 美容研究家 ローヤルゼリー クリームタイプ 着色を気にしがちなデコルテや首 NCP81G 首やデコルテにもお使いいただけます NCP80G タール系色素不使用 透明タイプ セイヨウトチノキ種子エキス 快適なつけ心地のUV化粧下地です 化粧下地 パラベンフリー※合成香料不使用 ファンデーションの粒子が直接肌に触れにくく SPF45PA++ ■シルクたんぱくのコーティング ※1 NSP170G ※1:シラソーマ製法により などを配合し日中を通して健やかな肌作りをサポートします ■ハリのあるすこやかな肌づくりをサポート つけやすい透明タイプ ■化粧下地として 透明タイプのクリームなので UV基材が直接肌に触れないようアミノ酸成分やうるおい成分が配合されたタンパク質でコーティングしています をもちながら 肌に負担をかけにくい レスポンスリング シエクル つけやすい透明タイプで一年中肌を守る メイク前に使用することで B波 シエンタ プロデュース 無香料※ アミノ酸成分やうるおい成分が配合されたマイクロカプセルに閉じ込め PA++ 30g 透明 RT11RS 日焼け止め は 1NZ-FE 8~ 手にもオススメです UVカット剤を ハネセンナ葉エキス UV化粧下地 肌を守りながら紫外線をカット 高いUVカット効果 紫外線からお肌を守ります エポラーシェ 03 美容液タイプのUVクリーム かつてない快適なつけ心地 お肌を健やかに保つ成分も配合 アミノ酸成分をはじめ シラソーマ製法 内容量:30g使用目安:約1カ月#12316;1カ月半無鉱物油 メイク崩れを防ぎます お肌の乾燥を気にしてSPF値の高い日焼け止めをためらっていた方にもおすすめです UVデイクリームベース お肌に安心 ブッチャーブルーム葉エキス siecle 紫外線をカット SPF45 550 乾燥しがちな肌もしっとり潤いに満ちたお肌へ導きます A波 ニューハーフ 岡江美希 保湿 ヒアルロン酸
ピーエムシー PMC PMC ピーエムシー シリンダーリアマウント トラスロッド Z900RS 銅ブラックペイント
小麦■賞味期限:90日■規格:シュー皮5個 また添加物を使用しなくても解凍から4日の消費期限があるのも当社の特殊製造技術によるものですカスタードクリームは冷蔵庫で2時間程度保存しておくとキレイに解凍できます すべて北海道産■アレルゲン表示: mm 安心して食せる洋菓子です 塩 シュークリーム 2NR-FKE 小麦粉 米粉 03 シエンタ 乳成分 食塩不使用発酵バター 牛乳 レスポンスリング 2695円 北海道産原料100% NCP80G お取り寄せ クリームの解凍にはおよそ2時間程度かかります 無添加 義務7品目 北海道 名入れ:対応OK■納品の目安:ご注文後 4~7日後の納品となります お土産 手作りDIYセット お中元 おすすめ ■原材料名:卵 1NZ-FE カスタードクリーム250g×1本■サイズ お取り寄せグルメ 冷凍流通可能商品にしました お祝い シューセルクル RT11RS NCP81G ■備考:到着後は冷凍保存 洋菓子 卵 NSP170G :94×206×135■ギフト対応 父の日 ギフト 表書き:対応OK スイーツ 砂糖 ラッピング対応:簡易包装のみOK 添加物を一切使用せずにカスタードクリームを作り のし対応:のし対応OK 8~ siecle プレゼント 通販 シエクル
オフィスチェア デスクチェア パソコンチェア リクライニング チェア PCチェア PC椅子 mwpo-236 ★オフィスチェア パソコンチェア ワークチェア デスクチェア 椅子 イス チェア メッシュ メッシュチェア 在宅ワーク テレワーク リモートワーク PCチェアmwpo-236
ログタンク 記念ダイブのお祝いのプレゼントとして渡しても喜ばれそうですね MarineGoods RT11RS メーカー在庫確認します 03 NCP81G 1NZ-FE ログタンクに貼るシールです 8~ 2NR-FKE LOGTANK NSP170G シエンタ レスポンスリング スペアシール siecle NCP80G シエクル 154円

必要なコードは、

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

sodastream ソーダストリーム TERRA テラ ガスシリンダー60リットル用付き ○YR-14956○
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

納期お問合せ下さい TOKIO 介護・福祉用昇降テーブル キャスタータイプ MKT-1875C W1800xD750xH600~800mm
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%ですね。