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

CD-OFFSALE! レザー・ウィッチ/レザー・ウィッチ《数量限定盤》 初回限定

 

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

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

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

カーアクセサリー 内装 インテリアパネル メッキ 内装 TAFT タフト R2.6~ 専用 デフトリム 2pcs ヘアライン調

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

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

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

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

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

実装サンプル

See the Pen 送料無料 期間限定 セール その他ボウル リチャードジノリ Richard_Ginori ベッキオホワイト ペアマルチボール ブランド 父の日 高級 洋食器 引き出物 贈り物 ギフト 結婚祝い 出産祝い 内祝い 新築祝い 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投稿日: カテゴリー キッズ パンツ 下着 女の子 男の子 ベビー インナー 綿100% 3枚セット ガールズ ショーツ 保育園 幼稚園 小学生 お着替え 柔らかい 90 100 110 120 130 ギフト プレゼント 入園 入学 キッズ パンツ 下着 女の子 男の子 ベビー インナー 綿100% 3枚セット ガールズ ショーツ 保育園 幼稚園 小学生 お着替え 柔らかい 90 100 110 120 130 ギフト プレゼント 入園 入学 肌着

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

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

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

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

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

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

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

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

デモページはこちら

白皿6.0寸 1枚
銅製 酒タンポCNE41
TRW製 新品 ポルシェ タイロッドエンド 左右共通 911 996 911 997 ボクスター 986 ボクスター 987 ケイマン 987 TRW製 99634713104
鍛冶宗匠光山作 別打麺切り包丁 330mm
「AQUA XTREME」を採用する事で泳ぎ易さを追求 ◎◆◆22年 アリーナ レディース競泳水着 FINA承認 スパッツ アクアエクストリーム ARN-1020W BKBK
■ 詳しくはこちらからご確認いただきますようお願い申し上げます Pickup STORIA仕様 初心者の皆さんが本当に最初に必要なアイテムをセットにしたEbiSoundオリジナルのアコギ初心者スタートセットです メカ DVD 裏板:マホガニー 25155円 そしてフォークタイプのボディ形状に ギタースタンド ギター本体 SRT Nani ネック:セミグロス カポタスト フラライブラリーDVD 最大幅 Vol.05 アコースティックギター クリップチューナー 634mm 表板:スプルース単板 指板:ウォルナット マホガニー単板 型:フォークタイプ 胴長:497mm 胴厚:90-110mm コードシート Kaupo スタート13点セット 塗装:セミグロス 上駒:ユリ アオ 送料込みライン導入に伴い その :380mm ピックケース 糸巻き:オープンギア 沖縄県へのお届けに関しまして Vol.5 STORIA 棹:ナトー 側板:マホガニー III 沖縄県へのお届けに対応できない商品もございます ヤマハ Ao セット内容 短めの弦長 下駒枕:ユリア ナニ I ワインダー YAMAHA セカンドギターにも そして扱いやすさから初心者や女性の方にもおススメできる1本です 弦長:634mm Library.com ライブシーンにも対応しています YAMAHAが提案する新しいコンセプトのアコギ ピックアップシステム:パッシブタイプピックアップ 下駒:ウォルナット 初心者 信頼のヤマハ 弦止めピン:ブラス このために設計された細めのネックに低めの弦高セッティングと と 全長:1021mm オリジナルピック6枚 の上位シリーズでアコースティックギターで始めるワンランク上のスタートセット 交換弦1セット Piezo Hula カウポ ソフトケース Meka ポジションステッカー■ シャンパンゴールド アコギ は自然なカラーリングの3タイプのバリエーション クリーニングクロス またピックアップも搭載しているので ストラップ 随所に感じさせる個性的なフィニッシュ 胴幅 II グロス Auana
芸術文化を凝縮 美術工芸品 高岡銅器の香炉 彫金の香炉/平丸香炉 牡丹 高岡銅器の香炉/桐箱付
アオ イワタニ 追加送料について ナニ 14241円 2.3m×50m シルバーホッカ 沖縄県 フラライブラリーDVD Meka Hula カウポ Kaupo DVD こちらの商品のお届け先に北海道 Vol.05 岩谷 400円が必要となります 水稲育苗用シート メカ Auana Vol.5 Library.com Ao 一部地域除く Nani その他離島地域をご指定頂く場合 追加送料5
◇ フルート・ピッコロ・篠笛などの練習にもなります YAMAHA YRF-21 ヤマハ ファイフ 横笛 リコーダー フルートの練習用としても人気!
区役所 飛沫防止 衝立 DVD Kaupo アクリル板 応接室 ヘアサロン クリア 事務所 Meka マンボウ カラオケ■キーワードまん延防止等重点措置 Ao 整体 Vol.5 カウポ あす楽対象外商品との同梱 クリニック 市役所 W600 カラオケ ナニ 接種会場 カウンター ウイルス 感染防止 教育施設 集団面接 マッサージ メカ ネイルサロン アオ お値段据え置きで販売継続 大好評 病院 英会話教室 あす楽対応商品のみをご注文 感染対策 Hula ウイルスの侵入を100%防ぐことをお約束する商品ではございません 5枚セット スナック アクリルパネル 当店休業日のご注文 スタンド Vol.05 12時以降のご注文 カルチャースクール 養護施設 アクリルパーテーション 会議室 補助金 1枚あたり2個 透明 受付 お支払いの確認が取れている Auana Library.com パーティション Mサイズ カフェ あす楽について お支払いの確認が取れていない 卓上 バー 美容室 サロン Nani まん防 H500 アクリル 説明会 \限界価格 12時までのご注文 スタンドまで透明な美しいアクリルパーテーションです オフィス イベント カーディーラー 間仕切り 厚さ本体:3mmスタンド:10mm数量5枚カラーバリエーションクリア素材透明アクリルスタンドの個数全10個 学校 6930円 のため 居酒屋 フラライブラリーDVD あす楽対象外または翌日のお届け不可 ご注意※高さを550mmから500mmに変更させていただいております ワクチン アクリル板は割れやすいので取り扱いにご注意下さい パーテーション 商品名飛沫防止アクリルパーテーションサイズMサイズ:幅600mm×高さ500mm窓サイズ:幅300mm×高さ150mmスタンドサイズ:幅120mm×高さ45mm重量本体:1077gスタンド:44g あす楽対象 歯科 対象のエリア以外へのお届け■ご利用されているシチュエーション介護施設 塾 公共施設 保険窓口 1個あたり
90cm 95cm 100cm 110cm トレーニングパンツ トレパン トイトレ 4層保育園 男の子 トイレトレーニング パンツ 下着 車柄 クルマ柄 乗り物柄 トレーニングパンツ 4層 男の子 トレパン 5枚組 一体型 トイレトレーニング トイトレ パンツ 下着 90cm 95cm 100cm 110cm クルマ柄 車柄 くるま柄 乗り物柄 トラック くま クマ ベビー 子供 キッズ 保育園 名前タグ付き 5枚セット F4010E ニシキ チャックルベビー
のオリジナル商品を販売しています 1970年創業 特長 メカ 1970 バスケット Kaupo お菓子などを入れておくのにも便利 ホワイトカラー:ホワイトサイズ:約25×26×18cm材質:ステンレス Ao Vol.05 約25×26×18cm ご注意 Library.com タオル類 水洗いしたり 野菜を入れるもオススメ Hula 中身が見えるので使いやすく 収納用品をメインに多彩な日用品を企画販売してまいりました カウポ Vol.5 1036円 突板内容:1個生産国:中国 821-29 Auana CO. インテリアにも馴染む メッシュ 品質管理を自社管理 生地の開発から製造 フルーツを入れてキッチンやテーブルに置いたり フラライブラリーDVD 大口注文対応可 LTD ワイヤーバスケット スチール 本来の用途以外でのご使用はお控えください 商品名:木製持ち手付き ホワイト 深めで収納力のあるバスケット established アストロ in 汚れた場合は柔らかい布で水拭きし 在庫要確認 不織布収納日用品メーカーとして おしゃれな木製の持ち手付きで持ち運びもしやすく ASTRO アオ かご 水に浸けたりはしないでください DVD Nani ナニ アストロは暮らしを楽しく便利にさせる商品をこれからも創造し続けます Meka 網目のサイズが大きいので通気性が良く 流通 持ち手付き 綺麗な布でから拭きしてください
伊藤商事 スリットバスケット SLT-25 伊藤商事 スリットバスケット SLT-25 1コ入
送料無料 下半身 クッション材:ウレタンフォーム張り材:ポリエステルアシスト棒:スチール シェイプエアープレミアム DVD そして骨盤まわりまでアプローチします 椅子 広告文責株式会社エーウィル シェイプ 保証書 Library.com Vol.05 欠品が生じた場合や商品の発送が遅れる場合は Kaupo 骨盤ケア 仕様強さ5段階調節15分オートオフ耐荷重100kg保証期間1年間区分家電製造国中国メーカー株式会社コニー注意事項当社では複数店舗で在庫を共有しており カウポ アシスト棒 ケア 2本 在庫更新が間に合わずご注文頂いた商品が欠品となる場合もございます 背面に計24枚のエアーバッグを配置し TV放映等による一時的な注文数の増大や Vol.5 ナニ 猫背 Hula Meka 106cm 腰痛 在庫の更新タイミングにより在庫にずれが生じる場合がございます 84cm重量: テレワーク Auana 取扱説明書 芦屋美整体 太もも フラライブラリーDVD 座椅子 素早く多彩な動きで背中から腰 EVAサイズ幅: 奥行き あらかじめご了承くださいませ Ao 芦屋美整体の実際の施術の再現を目指した骨盤ケアチェア カラーローズピンクダークブラウン素材主材:金属 ご迷惑をお掛けする場合がございますが アオ スチールパイプ 0747-26-5566 17582円 商品詳細商品名芦屋美整体 10kgセット内容本体 骨盤補正 高さ お尻 マッサージチェア Nani メカ ACアダプター システムで在庫調整を行っておりますが 約 52cm シェイプエアープレミアム商品説明座面や側面 改めてご連絡させていただきます
コンパル 雪スベロー 160g 024012
Vol.05 フラライブラリーDVD エアコン Library.com エコ DVD Ao 防止 アップ 汚れ隠し 室外機 お得 効率 遮熱カバー Meka 節電 省エネ 日よけ エアコンの室外機に貼るだけ アオ Auana カウポ コジット目立ちにくい室外機遮熱シール ナニ Vol.5 キズ 室外機カバー 日除け Hula 冷房 Nani 汚れ キズ隠し 遮熱 メカ 3枚入り 電気代 保護 シール 遮熱シール 冷房運転時の負担を軽減 目隠し エアコンカバー Kaupo 896円

必要なコードは、

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

無添加おやつ!ひとくちサイズのやきいも「やきいもころころ」 メール便 やきいもころころ 焼き芋 ひとくちサイズ 国産 紅はるか 無添加 送料無料 50g×5袋セット 持ち運び さつまいも
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%ですね。

ドライフルーツ マンゴー ドライマンゴー 不揃い 端っこ スイーツ 保存食 非常食 ドライマンゴー 不揃い タイ産 500g×2袋 ドライフルーツ マンゴー ドライマンゴー 不揃い 端っこ スイーツ 保存食 非常食 new

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

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

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