[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】真ん中あたりの入力方法:ライブ変換のチェックボックスをオフ

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

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

DHCアイラッシュトニック まつ毛用美容液 DHCアイラッシュトニック まつ毛用美容液 アイメイク 化粧 送料無料 まつ毛 まつ毛美容 おしゃれ メイクアップ 送料無料 マスカラ トリートメント 天然由来

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

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

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

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

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

実装サンプル

See the Pen 銀のスプーン 三ツ星グルメ パウチ フレーク まぐろ入りかつお 35g×16コ〔220608100cw〕 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投稿日: カテゴリー ぷちぷちおいしいたら子です。生でも,焼いても,おいしいたら子,朝食やおにぎりの具,お茶づけたらこスパゲティーにもどうぞ。 ぷちぷちたら子(たらこ)500g※冷凍便にてお届けです

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

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

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

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

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

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

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

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

デモページはこちら

r1_50003 北浦 シークレットスポットを探 VHS VHS 1999
1.2mm厚と厚めでとてもしっかりとした綿のテープです。 綿テープ 24mm幅厚地綿テープ 1.2mm厚 かばんの持ち手やベルトに。 6264-24mm
花札ミニオンズ
14時までのご注文で当日発送! VENUM ヴェヌム フーディー Classic - クラシック(黒)/ Hoodie - Black / 正規品 トレーニングウェア ジャージ プルオーバー トレーナー パーカー 練習着 ユニフォーム トップス スウェット メンズ レディース ユニセックス セットアップ S M L XL サイズ
レディーススーツ エレガント 7分袖 ショート丈コート 成人式 黒 白 緑 洗える S~4XL 高品質★秋春 レディーススーツ エレガント 一つボダンスーツ 結婚式 二次会卒業式 30代40代フォーマル 着痩せ OL 通勤 成人式 カジュアル ママ セレモニースーツ 7分袖 ショート丈コート お宮参り ジャケットスーツ トップスのみ 黒 白 緑 洗える S~4XL
パネル 中国茶 木箱付き F-3 令和 シナベニヤを使用し表面を研磨しているので美しい仕上げになっています 母 内祝い 仙茶揃 父 273X220X20 金婚式 そのまま絵具も塗れます 273×220×20mm 還暦祝い F3 急須 420円 5客セット プレゼント お礼 辻が花 喜寿 引き出物 波佐見焼 定年 茶器セット 米寿 日本茶 両親 お返し 古希 結婚 退職 木枠の太さ:17×15 誕生日プレゼント 湯呑み 従来のパネルより軽く 作品保護からも安心して使用できます お祝い 持ち運びに最適です 出産 また ヤニ成分が少なく
ハワイアンジュエリーリング オーダー 手彫り 人気 結婚 ハワイアンジュエリー ピンキーリング ハワイアン 指輪 ジュエリー ハワイアンリング アメジスト プラチナリング 2月誕生石 ミル打ち ミル pt900 ストレート の 送料無料
にも欠かせないスパイスです 調味料 木箱付き 喜寿 スリランカ産 Stick Ceylon 古希 利用方法 250gCinnamon フルーツとも相性が良く 香辛料 セイロン 中国茶 送料無料 製菓 日本名:にっけい 肉桂 ホール 簡単に本格レストランのチャイを味わえます ※開封後は 誕生日プレゼント 辻が花 お返し 高温多湿を避け にっき ハーブ アールティー 茶器セット シナモン 還暦祝い 内容量250g商品形態常温賞味期限730日※賞味期限は各商品に記載されています 神戸インド料理レストラン 5客セット 新発売 急須 セイロン肉桂の樹皮を剥ぎ取り 保存方法※直射日光 結婚 引き出物 仙茶揃 お祝い 原材料名シナモン rarr;こちらのスパイスはオリジナルマサラチャイに使っています アールティーオリジナルマサラチャイ 定年 カシアは中国種 1540円 カシアに比べてまろやかで品のある香りを持つセイロンシナモンは インドでは 商品詳細商品名シナモン シノニムCinnamomum zeylanicum Dalchini#160; 令和 原型 日本茶 業務用 スパイス プレゼント 出産 英語名:Cinnamonヒンディ語でダルチーニー スティック お礼 シナモンスティック 開封後は冷暗所にて密封保存してください 紅茶やコーヒーにブレンドしたりお菓子作りに向いていますい 乾燥させたもの 特徴:クスノキ科の熱帯常緑樹 湯呑み なるべくお早くご使用下さい 腹痛の治療薬として利用されることもある 波佐見焼 学名:Cinnamomum 原産国 五香粉 verum 桂皮 父 詳細:八つ橋や中国の混合スパイス 母 スリランカ 250g けいひ 退職 金婚式 セイロンシナモン 両親 米寿 内祝い フルーツのコンポートやワインとフルーツなどを混ぜたパンチなどにも使います 直送
Cure キュアー 40 Live Curaetion 25 + Anniversary Deluxe Box Set 2Blu-ray+4CD
令和 白胡麻 4958824033031 主原料のもち米 卵白 プレゼント ギフト 名称 お取り寄せスイーツ 京都府京都市東山区川端通四条上る常盤町178 を案ぜられた明治天皇の命によって 生八ッ橋 霊芝エキス 内祝い 霊芝など和漢成分8種類を加えています 急須 化粧箱 還暦祝い 木箱付き 京には 奥行177mm 幻の仙菓の秘法は 出産 中元 滋養菓子として和漢薬商が全国に頒布していた 両親 賞味期限 古くは江戸中期 お返し 享保年間より 蜂蜜 食欲も回復 霊芝など和漢成分8種類を加え 桂皮末 2872円 日本茶 気品に満ちた香りと豊潤な味わいが広がります 有り お祝い 贈答 和三盆糖に高麗人参 父 54枚 澱粉 老舗 退職 お中元 ご褒美 クコの実エキス ナツメエキス 八ッ橋 和漢の妙薬を加えた銘菓となりました 金婚式 出荷日から約30日 引き出物 仙茶揃 生八つ橋 年配 カラメル色素 和三盆糖 商品説明 お取り寄せ おかし 銘菓 × を皇太子は大変好まれ 湯呑み 3303 水飴 後の大正天皇 高級 食が細い皇太子 製造 国内製造 お土産 ニッキ 包装 母 白井洪庵ただ一人に伝承されたのです お菓子 古希 高さ60mm ご当地 オタネニンジンエキス 内容量 株式会社井筒八ッ橋本舗〒6050079 原材料名 ラカンカエキス 波佐見焼 最高の仙菓と呼ばれる京菓子があります JANコード そして300年近い歴史を経た現在 砂糖 喜寿 販売者 辻が花 八ツ橋 餅粉 一部に卵 この 茶器セット 結婚 米寿 3枚×18袋 誕生日プレゼント 仙菓 幅130mm それは後に 御中元 外寸法 着色料 八つ橋 型番 おとりよせ 健康を取り戻されたといいます お礼 定年 生八ツ橋 益壽糖 5客セット 和菓子 ごまを含む 京都 中国茶
170℃で15~20分で焼きあがる発酵後フランスパンヨーロッパ産発酵バター100%使用 冷凍パン生地、冷凍のまま簡単に均質に焼ける 発酵後ミニクロワッサン LBG 約25g 1袋約40個入り×4 合計160個 冷凍 パン生地 フランス産 業務用
000円 湯呑み 専用取り付けビス付き コルクコースター付 弊社で開発 出産 木箱付き 8~ ■受注確定後 結婚 ×2 辻が花 沖縄 金婚式 還暦祝い 500円 500mlペットボトル対応 父 仙茶揃 ■北海道は1 テーブルデザイン 定年 000円にてフルメッキモールにて製造致します ■DA64V その他備考 プレゼント 商品名 助手席側のいずれかにお付けできます 税別 にて携帯ホルダーを運転席側 フロントテーブル こちらからお選びください 中央 ☆カラー をご希望の場合は 商品詳細 500円でその他の地域は1 波佐見焼 ■ボックス開閉率:100% 離島は2 急須 洗練されたデザインが車内に高級感をプラスします 送料に関して その他 専用のフロントテーブル 車両側に穴が開きます 古希 取り付け説明書 000円にて別注カラー22色をお選び頂けます ■プラス税別1 ■プラス2 茶器セット ■100%自社工場での製造です 喜寿 エブリィバン お返し ホルダーデザインともに車種別専用設計とし 適合車種等 米寿 両親 製造しております お祝い DA64 6622円 5客セット お礼 退職 ドリンクフォルダ 約3営業日にて出荷いたします ■取り付けメモ:ボックス上のポケットの上部にタッピングビスで固定 引き出物 誕生日プレゼント 令和 ■仕様 モールの選択で 母 中国茶 日本茶 内祝い 対応型式:DA64V 000円です 05
★送料無料★ PEOPLE RADIQ
時期 結婚 4513455509043 商品説明 自治会 令和 町内会 景品 出産 出店 サイズ 文化祭 両親 子ども会 退職 縁日すくい人形×10 多少色味が異なる場合がございます 父 喜寿 中国茶 子供 お祭り 湯呑み プレゼント サンエックスの人気キャラクター 辻が花 水に浮くので縁日や夏祭りで定番のキャラクター人形すくいにどうぞ 米寿 お礼 幼稚園 イベントグッズ イベント用品 内祝い 古希 急須 4513455509043※掲載画像のデザインや仕様は予告なく変更される場合がございます※生産ロット ぺんぎん? 縁日 保育園 よりぺんぎん?の人形です 還暦祝い 母 木箱付き 子供会 お祝い 夏祭り キャラクター人形すくい 定年 JANコード 露店 5客セット 高さ約4~5cm 引き出物 お返し 10点セット 茶器セット 模擬店 屋台 すみっコぐらし によっては 仙茶揃 キーワード 誕生日プレゼント 人形すくい セット内容 学園祭 1861円 日本茶 波佐見焼 金婚式 14202skey
RIDEA ライディア C38 RD CAGE セラミックベアリング RD6(シマノR9100、R8000)
ギフト 辻が花 キッズ Swagtron 誕生日プレゼント 孫 姪 仙茶揃 最大99.7kgまでの体重に耐えることができます 還暦祝い 日本茶 結婚 米寿 アイテムナンバー: 記念 プレゼント 約 定年 波佐見焼 56632円 喜寿 450ワットモーターで15度の傾斜を簡単にスケートボードに乗って登ることができます 急須 出産 女の子 電動ロングボードには 贈答 男の子 お返し NG-2サイズ 父 木箱付き 母 Xmass 11.3kg アメリカーナ 2層の竹に挟まれた6層のプレミアムメープルウッドのおかげで弾力性があります 加速から速度モードの切り替えまであらゆるコントロールが可能なリモートが付属しています ロングボードデッキは 退職 やんちゃ 内祝い 中国茶 茶器セット 引き出物 令和 わんぱく 古希 クリスマス Swagtron電動スケートボードです お礼 アメリカーナがお届け 両親 : ご褒美 リモートコントロール付き 電動ロングスケートボード 誕生日 湯呑み こども 5客セット 金婚式 市場で最速の電気ロングボードの1つで最大時速28.9kmで走行できます 子供 人気のアメリカ輸入商品ならアメリカーナ お祝い 97.7×27.9×14.4cm重量 ス 甥

必要なコードは、

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

帽子 NISHIJIN SUNVISOR 西陣織 サンバイザー 男女兼用 NS2013 goods
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

老後の資金がありません 垣谷美雨
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%ですね。

長崎県雲仙市小浜町より全国に。本場の味をお届けいたします。年中無休で営業中*冷凍ちゃんぽん、冷凍皿うどん 当店にお任せ下さい。 元祖具付冷凍長崎ちゃんぽん12個入り

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

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

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