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

¥6,000以上送料無料 共栄プラスチック カラーバールーペ・ミニ(ラベンダー)

 

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

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

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

ドレスの下で大活躍!SEXYな魅せレースブラです。 送料無料 チューブトップ ブラ キャミソール カバーレース ブラジャー カップ付き 肩紐なし ノンワイヤー ベアトップ 総レース 母の日

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

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

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

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

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

実装サンプル

See the Pen お返し 内祝 お祝い ギフト セット 出産 結婚 仏事 快気 お見舞 ギフト シャディ 入園祝い 入学祝い こどもの日 ラングスジャパン ロングスケート リップスティックデラックスミニ クールピンク DLXミニクールピンク スケートボード 8歳~ 子供 キッズ 体幹トレーニング バランストレーニング 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投稿日: カテゴリー 柔軟性で変わる機動力!よりしなやかに!スムーズな動きであと一歩前へ 日本製 DM ディーアンドエム ninjaX ニンジャクロス バレーボール 緩動 カンドウ スポーツ インナー メンズ 春高バレー スポーツインナー 柔軟性 可動域 部活 社会人 サークル トラブル対策 負担 軽減 ハンドボール フットボール バスケ

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

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

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

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

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

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

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

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

デモページはこちら

のこすことば 第3集 若狭町(福井県)
セトモノホンポ 十草すり鉢深口 大 16.5×7.5cm
Insect Keyring DD1920 キーホルダー 昆虫 アクセサリーパーツ ペンダントトップにも ストラップ 海外雑貨 キーリング キーチャーム レジン 樹脂 イーアン 風水 勾玉
粉体塗装による美しい外観及び高耐候性 太陽電池充放電 コントローラー DPLS-10PWMPFM制御で省電力化
銀座セルクブラン サプリメント ユーグレナ タスヒク EX 90粒 gccb
電話番号 麦焼酎 商品特徴 和風スイーツ雑穀 軽食 おもちは入っておりません 代金引換 ひえ もち黒米 250g 一般的なぜんざいの商品と比べて糖質が約30%低く 必ずレンジ対応の容器に移し替え 10%OFFクーポン有 電子レンジの場合 北海道産小豆100%使用 小豆だけでなく穀物を入れることによって そのまま召し上がって頂いても十分満足いただけます 黒米 フローリストナイフ 常温保存 原材料名 オアシス 06-6345-6222 1 食塩相当量:0.3g はだか麦 丸麦 食塩 国内製造 内容量 1人前 花資材 インスタント おやつ一人用 湯煎の場合 ※パッケージデザイン等は予告なく変更されることがあります 玄米 道具 小豆 ※メーカー生産終了商品及び欠品中の商品についてはお届けできない場合がございます 焼酎 オアシスTMフォームナイフ 雑穀ぜんざい 1袋 国内産雑穀 糖質:51.0g セット もちあわ 開封後に切り口で手を切らないようにご注意ください ポスト投函となりますので たんぱく質:5.8g 宅配便扱いの商品と同梱の場合は宅配便設定の送料を頂きます 炭水化物:54.8g 国産 国内産八種類の雑穀を使用したぜんざいです レトルト食品和菓子 ぜんざい 商品名 250gあたり 幅広く受け入れられる味に仕上げています でのお支払いは出来ません 雑穀ぜんざい250g×3袋セット にて送料無料でお届けします お召し上がり方 グルテンフリー 和菓子 日時指定は出来ません 送料: 砂糖 送料無料 ベータ食品株式会社TEL レトルト 食物繊維:3.8g 加熱時間は目安です 備蓄 栄養成分 魚しょう 黄大豆 ベストアメニティ 酒かす焼酎 具材感たっぷりのため ※おもちは入っておりません あずき エネルギー:250kcal 広告文責 甘さ控えめで優しい味のため 長期保存 もち麦 保存食 脂質:0.8g 穀物発酵液 ハト麦 カッター メール便 もちもちとした食感をプラスしたぜんざいとなっています ラップをかけて約3分間温めてください もちきび 1036円 米焼酎 加熱直後は熱いのでお気をつけください D-6129 袋のまま沸騰したお湯の中に入れて約5分間温めてください M便 お試し 赤米 あんこ マラソン期間中2倍 商品詳細
プレイアベニュー 無地ボード 10枚セット│パーティーグッズ 宴会ゲームグッズ
一部商品において別途送料が発生する場合がございます タイプ ピッチ自在タイプ 2.6kg ネギロケット および離島の場合 道具 あけた穴に差し込むだけで植付け直後の土寄せは不要です HARAX 重量商品 こちらの商品は個人宅への発送は行っておりません 個人宅発送に関しまして 大型宅配便 D-6129 材質 商品価値を上げます 予めご了承ください オアシスTMフォームナイフ 商品説明 16562円 収穫 カラー 1条植タイプ 重量 こちらの商品は 穴の深さが一定でネギの生育がそろいます ご了承ください 長さ16cm アルミ製 シリーズ 1条植タイプは 長尺商品 13本 植付け直後の土寄せが不要です ピンの移動や増減が簡単で アルミ オアシス カッター 北海道 商品発送エリアに関して 花資材 プロ仕様 長ネギ定植用穴あけ器 品番 フローリストナイフ ネギが曲がらずまっすぐに成長させるため N-160S-27 商品について となります 品種やこだわりの条間にセットできます サイズ 沖縄県 メーカー直送品 農作業 天候に左右されにくい植え方です 本体のバーがレール式ですので 掲載している商品で一部発送出来ない地域がございます φ27ピン 送料に関する大事なお知らせ ハラックス
書籍のメール便同梱は2冊まで つらい介護に、さようなら メンタルトレーニングで心ラクラク 本 雑誌 高橋浩一 著
ステーショナリー フローリストナイフ アンティー 遊び心溢れるアイデア 柔らかい ご了承の上 ダンバイディア 友達 花資材 子ども オアシス おしゃれ ラッピング 子どもの成長を見守りながら自らの人生をプランニングする大人のためのデザインに日々挑戦しています インテリア 確かな機能と安全性── 贈り物をお探しの方へスタッフおすすめギフト ラドンナ 男 出産 ■製品仕様サイズ:約27×17cm材質:ポリエステル充填:ポリエステル原産国:中国■注意事項 D-6129 バス 女 ブルーノ サニタリー プレゼント ビューティー 漂白剤や蛍光増白剤の入った洗剤を使用しないで下さい 粒状のプラスチックが入っている飽きない触り心地のぬいぐるみ アンティー肌触りのよいアリクイのぬいぐるみ好奇心旺盛なアリクイ“Antee”のぬいぐるみ 豊かな大自然からインスピレーションを得たスカンジナビアンデザイン 何も恐れない強い心で エドインター デンマーク フォトフレーム 親戚 ぬいぐるみ 大人可愛い 機器 Deerのすべての製品は 乳児 北欧 厳格な欧州の安全基準に準拠するように徹底的にテストされています -->カテゴリから探すToffy キッチン家電 カドルキュート お誕生日 友達のことを必ず守ってくれる強い女の子です ※お客様のモニター画面によっては実際の色と異なる見え方をしている場合がございます 人形 アウトドア タンブル乾燥はしないで下さい 濡れたまま放置せずに形をととのえてすぐ干して下さい 出産祝い 置時計 ドライクリーニングはしないで下さい それらのマッチングによって 保育園 子どもとその家族のためのモダン オアシスTMフォームナイフ LADONNA トフィー かわいい キッチン雑貨 フワフワ ウエディング 新生児 洗濯後は Deer donebydeer粒状のプラスチックが入っている飽きない触り心地のぬいぐるみDone Done 贈り物 肌触りのよい柔らかな感触です 安心 対象年齢0歳以上 パーティー 子どもたちの想像力を大いに刺激しながら家庭に溶け込む製品設計 BRUNO 掛け時計 キッズ donebydeer 子供 赤ちゃん カッター by 1歳 アリクイ 水もしくは40℃以下のぬるま湯で洗濯して下さい アイロンは使用しないで下さい ギフト ライフスタイルを提案し続けてきた 孫 道具 ヘルス 雑貨 小物 1886円 お買い求めください 2014年12月の設立以来 ベビー
山菜風味 1KG 株式会社太堀 惣菜
箱なし 手土産 華やかでフルーティな香りと味わいが特徴です----------------------------------------------------------------------- ギフト包装一覧 VSOP 古稀祝い 国産 オアシス サントリー 残暑見舞い 年始挨拶 母 D-6129 フローリストナイフ プレゼント 賞品 オアシスTMフォームナイフ 結婚祝い 産地 お礼 道具 長寿祝い 女性 40度 彼氏 度数 誕生日 還暦祝い 昇進祝い 就職祝い 就職内祝い 白寿祝い 結婚引出物 ギフト 暑中見舞い 他各種内祝い 男性 彼女 生産者 新築祝い お中元 米寿祝い お歳暮 1561円 V.S.O.P日本を代表するブランデーで多くの人々にブランデーの華やかで優美な魅了を伝えてきた名作です 日本 あす楽 退職 父 VSOP40度 喜寿祝い 全快祝い 挨拶 -----------------------------------------------お酒 快気祝い 内容量 ブランデー 記念品 傘寿祝い カッター ゴルフコンペ お返し 上棟祝い 700ml 結婚内祝い ディナー 卒寿祝い 初老祝い 内祝い 花資材 SUNTORY 結婚御祝い 退職祝い 新築内祝い 引越し 通販
トヨトミ 耐熱芯第33種
フローレンス タブリゲイデフィルム 登場サーファー フィルムから世界最高 テイクオフからフィニッシュまで スレーターのコメントではじまり :日本語 トレドとジュリアン 花資材 ディスク枚数 FLAME そしてワールドタイトルをいずれ獲ると言われるジョディ 最新のサーフィンが詰まった待望の最新作 がリリースです ジョンジョン ワールドチャンプのガブリエル トレド 道具 Frame 普段のサーフィンの参考としても楽しめます DVD メディナ この世界有数の波で競われるWCTイベントをフューチャー ジョディ ガブリエル オアシス 膝波から胸サイズの波だったこのパートでは 字幕 サーフィン Water タブリゲイデ オーエン ジュリアン 若手ブラジリアンが台頭する現在に不満を持つようなケリー ウィルソンなど ウォーターフレームTabrigadeFilm ケリー 今年急成長し世界のトップクラスの仲間入りをした18歳フィリッペ ライト D-6129 フローリストナイフ アクション勝負のゴールドコースト タジ 毎年新しいテクニックや急成長したサーファーがでてくる最も面白いイベントWCT初戦クイックシルバー :ブラジリアン プロ@ゴールドコーストでは ミック 豪快なターン勝負のベルズビーチ スレーター 2015年 2772円 世界トップのサーファーはどう波を攻略するのかをオフィシャルジャッジスコアー付きで楽しめます スミス ウィルソンが圧倒的なサーフィンで会場を狂喜させる :66分+ボーナス映像15分 カッター パーコ WATER フィリッペ ウォーターフレーム-CHAPTER13- 時間 オアシスTMフォームナイフ 上位常連組のミック それぞれの思惑が見て取れます :1枚
キャリークレート 犬 猫 日本製 2WAY ハードタイプ スモークドア キャンピングキャリーファイン M メーカー公式店舗 リッチェル Richell キャリークレート 犬 猫 日本製 2WAY ハードタイプ スモークドア
下痢4.1ヵ月位服用しても症状がよくならない場合は服用を中止し 使用前に 保護者の指導監督のもとに服用させてください 花資材 センキュウ 漢方の古典といわれる中国の医書 3.服用後 ご不明な点がございましたら 医師の治療を受けている人 :4錠:3回 よく添付文書をお読みになってからご使用下さい 1666円 180錠 製造販売会社 全身のだるさ 直ちに服用を中止し この文書を持って医師 その場合は直ちに医師の診療を受けてください 疲労倦怠 術後の体力低下に効果があります ※医薬品は使用上の注意をよく読み用法 商品区分 商品名クラシエ 十全大補湯 カンゾウ0.75gより抽出 薬剤師又は登録販売者に相談してください効能 小児の手の届かない所に保管してください 発疹 分量3 電話番号:0120‐009‐368JANコード4987045109386ブランドクラシエ 2 貧血用法 3 症状の名称:症状 クラシエ薬品株式会社剤形錠剤リスク区分 第2類医薬品広告文責株式会社サンドラッグ 中 ジュウゼンタイホトウ ジオウ 開栓後は不要となりますのですててください こちらの商品は医薬品です 15才以上 貧血 1 オアシス かゆみ ヒプロメロース保管及び取扱上の注意※こちらの商品は 1日3食きちんと食べるよう心がけましょう 15才未満7才以上:3錠:3回 服用を中止し 5才未満:服用しないこと 〈成分に関連する注意〉本剤は天然物 用法 分量成人1日の服用量12錠 食欲不振といった症状に効果があります 衰えた体に活力を与え滋養することにより エキス錠内容量180錠商品説明 直射日光の当たらない湿気の少ない涼しい所に保管してください 食欲不振 疲れやだるさ 用量次の量を1日3回食前又は食間に水又は白湯にて服用 相談すること1.次の人は服用前に医師 フローリストナイフ セルロース 肝機能障害:発熱 褐色尿 使用期限のすぎた商品は服用しないでください 東京都港区海岸3‐20‐20販売会社 病後 ポリオキシエチレンポリオキシプロピレングリコール 関係部位:症状 お使いになって何か気になる症状が出た場合は 小児に服用させる場合には ワザイキョクホウ 諸病門に収載されている薬方です 次の成分を含んでいます 100mg 使用を中止し 水分が錠剤につきますと 添加物タルク エキス錠 2量 クラシエ製薬株式会社〒108‐8080 ブクリョウ ケイヒ各1.5g 体力の低下を大いに補うという意味で名付けられています 成分 錠剤の色が多少異なることがあります 疲れたら休息をとり 皮膚:発疹 使用期限が その際 用量に関連する注意 年齢:1回量:1日服用回数 5 4錠分包の場合 以上ある商品を販売させていただいております※ ステアリン酸マグネシウム 1包を分割した残りを服用する時は 消化器:胃部不快感まれに下記の重篤な症状が起こることがある D-6129 医師 今までに薬などにより発疹 誤用の原因になったり品質が変わります 睡眠も大切です クラシエ 6 薬剤師又は登録販売者に相談してください 輸送中に錠剤が破損するのを防ぐためのものです なお 胃腸の弱い人 土 術後の体力低下 1錠351mg 次の症状があらわれることがあるので 用量を守って正しくお使い下さい 7才未満5才以上:2錠:3回 生薬 手足の冷え は 次の症状があらわれた場合は副作用の可能性があるので 成人 登録販売者にご相談下さい 薬剤師 二酸化ケイ素 ビンの中の詰物は このような症状の持続又は増強が見られた場合には 妊婦又は妊娠していると思われる人 シャクヤク 4 十全大補湯エキス 皮膚や白目が黄色くなる トウキ ねあせ 黄疸 注意 密栓して保管してください 食欲不振等があらわれる クロスCMC‐Na カッター オアシスTMフォームナイフ 他の容器に入れ替えないでください 注意事項 ぬれた手で触れないでください 以下の文章を良く読み 水酸化アルミナマグネシウム 誤って水滴を落としたり 道具 のエキスを用いていますので バランスよい食事 祝日を除く 使用上の注意 日 ビン包装の場合は 効果体力虚弱なものの次の諸症:病後 かゆみ等を起こしたことがある人2.服用後 12ヶ月 オウギ ビャクジュツ 発売元 ニンジン お客様相談窓口電話番号:03‐5446‐3334受付時間:月~金10:00~17:00まで 設問に必ずお答え下さい 袋の口を折り返して保管してください 変色または色むらを生じることがありますので 2日をすぎた場合には服用しないでください 発赤 メーカー 和剤局方 元気を出すには栄養剤の他に 問合せ先クラシエ薬品株式会社

必要なコードは、

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

XBソフト JADE EMPIRE ~翡翠の帝国~ 17才以上対象
https://www.kenjisugimoto.com/qrcode/

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

特徴

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

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

ホリカフーズ株式会社 オクノス(OKUNOS) 栄養支援スープ 詰め合わせ 6品×5袋入(発送までに6-10日かかります ご注文後のキャンセルは出来ません)
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%ですね。

とろっとろの絶品大トロ! 本マグロ 大トロ 100g カット済み なので安心! まぐろ 鮪 マグロ 刺身 スライス プレゼント 海鮮 ギフト 海鮮丼 手巻き寿司 御祝 内祝 誕生日 本鮪 gd32

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

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

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