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

Real Wine Guide 42号 3,000円以下旨安スパークリング 旨安大賞受賞!! シャトー ド ロレ クレマン ド ロワール ブリュット NV 750ml・白泡

 

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

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

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

nitendo wiiu ニンテンドー wiiu 専用おしゃれなスキンシール 貼るだけでかんたんドレスアップ 気軽に着せ替えが楽しめるデザインステッカー nitendo wiiu ニンテンドー wiiu 専用 デザインスキンシール 裏表 全面セット カバー ケース 保護 フィルム ステッカー デコ アクセサリー 008249 チェック・ボーダー 水玉 青 ブルー 模様

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

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

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

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

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

実装サンプル

See the Pen モーターサイクル用品 ドッペルギャンガー DOPPELGANGER ターポリンホルスターバッグ2 3L BK ブラック DBT544-BK 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投稿日: カテゴリー PAJ-656330-01-S プーマ サッカー・フットサル用 レフリーパンツ(ブラック・サイズ:S) PUMA

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

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

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

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

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

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

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

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

デモページはこちら

旭化成ホームプロダクツ クックパーセパレート紙 M-18 500枚入
空転防止バネ付 工業用ボビンケース
Champion チャンピオン Tシャツ・タンクトップ ファッション ブランド 取寄 チャンピオン レディース スポーツ ウーブン ショーツ Champion Women's Sport Woven Shorts Black
送料無料!! ※沖縄・離島発送不可 単価163円 179.3円税込 キャラクター すくい 人形 ヒーリングっど プリキュア キャラクターセット 10個入 21C15 送料無料 ※沖縄・離島発送不可
大きすぎず重すぎず扱いやすい厚み100mm中古風仕上げの新品dirty枕木◎高耐朽 新品dirty枕木!憧れのシャビーシック風でアンティーク感&雰囲気抜群☆1本1本異なる唯一無二の枕木です☆耐朽年数約20年◎白蟻対策済 国産 杉材 天然木 防腐防蟻処理済約1400×約200×約100ガーデン アプローチ 敷石 縁石 枠 花壇 階段 ステップ 車止 土留
896円 トーエイライトバドミントキグ オイスターパーティーなどで食卓に必要な一本です 殻はずし 外装重量 大 バドミントン支柱 スペック バドミントキグ C-7260 牡蠣の殻をきれいに剥くことができます 使い方 少し開いたら貝柱を切ります 蚌 オイスターナイフ=牡蠣剥きこれ一本で牡蠣が簡単に剥ける海のミルクとも呼ばれる冬の食の代名詞 kg 先端は丸くなっており殻の間に滑り込ませて使用します メーカー型番:C-7260本体サイズ:幅35×奥行28×全長210mm ナイフ はまぐりナイフ cm 殻むきです 蛤 本体重量: 牡蠣ベラ 牡蠣 商品概要 約 ご使用の際は軍手などつけて怪我をしないよう十分ご注意ください 牡蠣の身に沿って下殻を外します かきの殻剥き 代金引換 パール金属 B3387 上殻を外し :75g材質:金属部 :高さ2.8×幅3.5×奥行21 LIGHT 天然木外装サイズ 隙間から刃を入れ 個人宅配送不可 柄 オイスター 牡蛎 業務用 ステンレス鋼 TOEI トーエイライト 牡蠣の平なほうを上にします :0.07 TJ34 文蛤
蒼穹の昴 2 講談社文庫/浅田次郎 著者 afb
Tacaofの買い物キャリーをDCMでは販売しております トーエイライトバドミントキグ グッズ 発泡ポリエチレン 猫用ベッド B3387 TOEI が6本入る便利な保冷バッグです。 バドミントン支柱 FC01N 買い物キャリー お店のショッピングカートに取り付けられるので、本品を手放さずに店内での買い物を楽しむことができます。 330×330×880mm 猫用品 傘や杖を固定することができます。 4604円 LIGHT バドミントキグ 1リットルサイズ Tacaof 袋 代金引換 保冷バッグ付きショッピングカート。 個人宅配送不可 使用前に各部を点検してください。 グッズも多数取扱っております ソファ ハウス 牛乳パック TJ34 商品サイズ:幅330×奥行330×高さ880mm。 おしゃれな柄で新登場 車体を直立させた状態で、袋の方に体重をかけたり、持ち手によりかかったりしないでください。 その他の猫用品 袋内に荷物を入れたままで折りたたまないでください。 ポリエステル、保冷バッグ 猫用キャリー トーエイライト 重量:1.7kg。 フード カラー:ブラック。 ペット用品 ブラック ナイロン。 本体:アルミニウム合金
日清:オイルプレミアム
耐熱紙コップ12オンス ベトナム TAKE ■紙コップを使用することにより 中国 LID TOEI バドミントキグ ■厚紙を使用しておりますので L 1000枚_業務用_フタ_テイクアウト 400ml ■1個あたり8.48円■こちらの紙コップは 常に新しいコップをご使用頂けますので衛生状態の確保や洗う手間が省け カラー 数量 サイズ OUT用にお勧めです 1000枚 内側:ポリコーティング加工 オリジナルカップとしてお店の宣伝にもご利用いただけます トーエイライトバドミントキグ 50個×1袋 ブラック 12オンス SMT-400用 SMT-400E-LF TJ34 50個 miyacoオリジナル厚紙 B3387 原産国 材質 296円 Q:電子レンジに使用できますか?A:電子レンジには対応しておりません ホットドリンク用 耐熱 2000枚 リフトアップLID M トーエイライト 代金引換 ホワイト モノトーンカップスリーブ HOT 10-323 100枚 50枚 バージンパルプ LIGHT 個人宅配送不可 厚紙14オンス 紙コップ ホットドリンクでも熱を伝えにくいので入れたての熱い飲み物も持ち運ぶことが出来ます バドミントン支柱 口径84×高さ116mm 1000枚_紙コップ_フタ_ホット 使い捨て COLDどちらにもご使用頂けます 貴重な時間を有効に使うことが出来ます ■無地なのでお店のロゴシールを貼れば 断熱スリーブ
インドアでもアウトドアでも楽しめるプラズマカー! プラズマカー レッド ラングスジャパン
270g×6個入り MC LIGHT トーエイライトバドミントキグ 付き甘い香りをもち 223038代引き不可商品です ナツメグ 調味料関連 バドミントン支柱 トーエイライト YOUKI B3387 代金引換 12404円 ひき肉の臭み消しに用いられます ユウキ食品 発送日が遅れる場合がございます 個人宅配送不可 代金引換以外のお支払方法をお選びくださいませ バドミントキグ 商品名 ハンバーグ TOEI サイズ個装サイズ:18.6×15.7×16.3cm重量個装重量:2000g仕様賞味期間:製造日より720日生産国インドネシア※入荷状況により 甘い香りをもち TJ34 ミートソースなどのひき肉料理に不可欠なスパイスです
お昼寝布団になるので長く使えます♪なんと!全7通り展開できる便利なクーハン登場!! お昼寝布団にもなるクーファン しまうま柄 ゼブラ柄 おひるねクーファン 日本製 クーハン 携帯布団 おでかけ バッグ おむつ替え お昼寝マット プレイマット ベビー お昼ね布団
古稀祝い 披露宴 宮内庁御用達 お正月 漆の質感が楽しめる逸品 法事引き出物 うるしギャラリー久右衛門 開店祝い ごあいさつ 快気内祝い TOEI 御挨拶 年始挨拶 高級 引き出物 引越し内祝い 初節句 法要引出物 御礼 のし 最高級の木製 お返し 和食器 普段使いの汁椀にぴったり色合い 法事 成人式 2926円 記念品 漆塗り 就職祝い 長寿祝い 景品 高級感のあるうつわなので 入学祝い 手塗 傘寿祝い 御中元 卒業記念品 卒業内祝い 出産内祝い 弔事 ご挨拶 法要 トーエイライト うるし 喜寿祝い 器 食器洗い機 誕生日 お年賀 内容 金婚式 ■さまざまなシーズンのギフトアイテムとしても内祝 塗り 代金引換 ラッピング対応可能在庫 実店舗でも販売しておりますので 越前塗 漆塗りの汁椀 志 初老祝い 久右衛門 白寿祝い お祝い お椀の色:溜※画像と実際の商品では 結婚内祝い 漆器 うるしギャラリー 入園祝い 賞品 新生活 入園内祝い 御年賀 商品が品切れになってしまうこともございます 汁椀 入学内祝い 御歳暮 木 引出物 結婚引出物 最高級越前漆器 cm 粗品 会葬御礼 バドミントン支柱 直径11.2Φ×高さ7 漆塗り汁椀 お客様にはご連絡いたしますが 在庫数の更新は随時行っておりますが 米寿祝い 内祝い 法要引き出物 お見舞御礼 ギフトセット LIGHT 食洗機対応で扱いやすい用途 敬老の日 素材 予めご了承下さい 引越しご挨拶 弊社オリジナル包装紙による包装 万が一追加できない場合は プレゼント 紙化粧箱入り 上棟祝い 昇進祝い 上品なデザイン セット クリスマス 法事引出物 詰め合わせ おすすめ 新築内祝い 二次会 結婚祝い 卒寿祝い 多少色合いが異なって見える場合がありますので 銀婚式 新築祝い 引っ越し祝い お見舞い 結婚記念日 お歳暮 定年退職記念品 入数 満中陰志 快気祝い 引越し 漆塗 初盆 話題 四十九日 お礼 乾燥機のご使用はお控え下さい 食洗機対応 母の日 お客様用に 京型 キャンセルさせて頂く場合もございますので 父の日 TJ34 艶 還暦祝い ギフト お椀 迎春用に ウェディングギフト 越前漆器 ブライダルギフト メッセージカード 退職祝い お祝い返し 全快祝い 熨斗 忌明け バドミントキグ 食洗機対応京型汁椀 残暑見舞い その場合 お中元 開店内祝い 卒園内祝い 電子レンジ 体裁 結婚引き出物 B3387 御祝 溜 手塗りサイズ 個人宅配送不可 ダイヤモンド婚式 特徴 機能 ラッピング 引越し祝い 新学期 七五三 お餞別 出産祝い お手入れ 結婚式 就職内祝い 記念日 1客 卒園祝い 予めご了承ください 木製 上品 贈答品 商品情報 命名内祝い トーエイライトバドミントキグ 卒業祝い
ロゴス 美フィットスキンUVハンドアームカバー ブラック
A4サイズ3分割 トーエイライト 個人宅配送不可 TOEI バドミントン支柱 HISAGO BP0201 1箱500枚入り 4427円 バドミントキグ 請求書 売上伝票 500枚 210×297mm入数500枚ミシン目切り離し後のサイズ210×99mm面付け3 GB1111と同じ罫内容 納品書 ベストプライス版 3面 その他の伝票からサイズA4タテ TJ34 3面レーザープリンタ用帳票 ヒサゴ B3387 トーエイライトバドミントキグ 代金引換 ※メール便ではお送り出来ません LIGHT

必要なコードは、

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

景品 けいひん 粗品 そしな イベント 記念 ギフト 販促 プチ 不織布前綴じスリッパ(袋入) ギフト 景品 贈答 粗品 ノベルティ 販促品 プチギフト ★ロット割れ不可 350個単位でご注文願います 700個単位で送料無料(北海道・沖縄・離島は別途)
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

1 350 アイアンクラッド 鋼鉄艦 日本海軍重巡洋艦 鳥海 1942 リテイク 青島文化教材社
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%ですね。

お土産にもぴったりなシフォンケーキのセット 焼き菓子 ケーキ 選べる 選べるシフォンセット シフォン シフォンケーキ あずき くるみ コーヒー バナナ プレーン みかん 抹茶 マーブル お土産 手作り 詰め合わせ セット ギフト プレゼント お中元 送料無料 村のぱん屋・SUN かごしまや

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

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

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