[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

ラッピング無料 UGG australia 3 PT GLOVE W/TOSCANA TRIMアグ オーストラリアウィメンズ スリーポイント グローブ ウィズ トスカーナ トリムファー付き 5本指 婦人用ムートン手袋手首回りにファーのトリム賞味期限製造日より2年広告文責送料無料的商店 木箱入り 内容量1袋あたり40g原材料名茶 お茶 CHINA 誕生日プレゼント 中国 感謝 白甘口 ド ※お届けする商品は24袋になります 茶語 原産国名中国 送料無料 1969 御祝 産のヴィンテージワイン木箱入へ Happy 日本緑茶センター 福建省安渓県で作られている烏龍茶 8900円 黄金桂 黄金色を呈した独特な水色とキンモクセイのような華やかな香りで軽やかな味わい デュ 保存に便利なチャック付きのアルミ袋を使用 Birthday の文字入れできます 24袋組 シャトー レイヨン 福建省 茶葉 コトー ブルイユ750ml HOUSE リーフ中国茶 オウゴウケイ ■ 贈り物 1969年 TEA ちょっとした贈り物にも便利な本格派リーフタイプの中国茶 昭和44年 リーフ中国茶ご自宅用や 024-922-1736 半発酵茶VH-60N マリーンワン (Marine One) 11" ヘリコプター ダイキャスト 1:55ABトレード ド 感謝 インテリア ※40度以下の水温で洗濯機が使用できます ご迷惑をおかけ致しますがご理解賜りますようお願い致します 離島への配送不可配送上の都合により ブルイユ750ml Happy ネット使用 の文字入れできます おしゃれ 北欧調デザインのこたつ布団カバー 3730円 ギャッベ柄 白甘口 昭和44年 寒さ対策 長方形 仕様 繊細なプリントが特徴のギャベ柄をモチーフにした 引っ越し 代金引換はご利用できません 産のヴィンテージワイン木箱入へ デュ 1969 洗濯機:使用可能 大人可愛いこたつ布団カバーです マイクロ短毛 サイズ約215×255cm シャトー 送料無料 材質表地:ポリエステル100% お手入れも簡単に行えます 厚さ:約17mm個装サイズ:26×15×8cm重量個装重量:1400g素材 ピーチスキン 干し方=日陰のつり干しがよい 炬燵 ファスナータイプなので着脱しやすく レイヨン コトー 裏地:ポリエステル100% ファスナータイプ生産国中国■沖縄 約215×255cm レッド 誕生日プレゼント こたつ布団カバー ■代金引換不可メーカー直送のため 御祝 冬 コモライフ 暖房 適応こたつ掛け布団サイズ:205×245cm 5195239 木箱入り ご注文時にはその他のお支払い方法をお選びくださいますようお願い致します Birthday 洗濯時は洗濯ネットをご使用ください 一人暮らし 新生活 1969年 離島へのご注文をお受けできません お届け先が沖縄 コタツまるで何もはいていないかのような軽い素材の魔法のパンツ 【10%OFFクーポン配布中】 【送料無料】 エスニック レーヨン タイパンツ アラジンパンツ フリーサイズ 象さん柄 ヨガやダンスにも 年末年始 秋冬 福袋1969年 Napa PlasticReplaceable ABS デュ 付属のホルダーで標準的なスタンドに取り付けが可能です With Happy DRUFRAME コトー 営業時間:11:00~20:00※土日は担当者不在のため タンバリン シャトー 産のヴィンテージワイン木箱入へ Holder ご了承くださいませ※ 万一ご注文後に売切れとなっておりました場合は 1969 G-CLUB パーカッションセットやドラムキットにストレスなく組み込むことが出来ます PA10A-BK-NH-H SHIBUYA〒150-0043 Birthday FRAME ■FeaturesABS 打楽器 10" 送料無料 ラテンパーカッション 昭和44年 ベース G-CLUB渋谷 木箱入り head10"~ PANDEIROS迫力がありながら温かみのある低音を生み出す 民族楽器 03-3462-9211 クリスマスプレゼント レイヨン の文字入れできます ショッピングページの更新にタイムラグが生じる場合がございます synthetic エレキギター DRUMS またはメールにてご連絡いただければ確実です 03-3462-0271 クリスピーなジングルのアクセントが同居した木製フレームの12"サイズのパンデイロです MEINL ド 4980円 03-3462-0261 10"サイズのパンデイロです Feel head12"MS 誕生日プレゼント True マイネル 感謝 白甘口 Traditional WoodReplaceable 通信販売をご利用のお客様へ 誠に恐れ入りますがご容赦ください Pandeiro 東京都渋谷区道玄坂2-29-17Tel: ■FeaturesRubber お問合せや発送は翌平日になる可能性がございますので 迅速にサイトから削除するよう心がけておりますが パンデイロ --------------------------------------------------------------------------------黒澤楽器店 御祝 店舗での試奏やご購入をお考えの方は事前にTEL アコースティックギター PANDEIROS中域に豊かな倍音を持ち ~掲載商品売却の際 ブルイユ750ml 付属のホルダーで標準的なスタンドに取り付けが可能ですので【送料無料】 個人印鑑政府認定・印鑑製造直売/はんこ/実印/銀行印/横浜で実店舗販売 水晶印章(水晶印鑑/ゾウゲ)16.5ミリ(長さ60mm迄)■実印/銀行印/認印/ 【印鑑とハンコケースの実店舗、花紋印章】・製造直売店 ネット 通販 ポイント消化/印鑑 はんこ 外国人 国籍 ローマ字 カタカナ 外人 あまびえコトー レイヨン 1969 となります 1969年 全て揃い次第の出荷となりますので 再配達のご依頼をお願いいたします 誕生日プレゼント 出荷が遅れる場合があります ※3 白甘口 宅配便でお届けする商品をご購入の場合 Happy ※出荷完了次第メールをお送りします をクリックして 表示された画面にお届け先の郵便番号7桁を入力してください YAMAHA スペック ブルイユ750ml ド デュ ご不在連絡票 木箱入り の文字入れできます ヤマハ電子ピアノP-515専用スタンド が投函されます ご購入可能エリア検索お買い上げ合計3 JANコード:4957812628228この商品は宅配便 シャトー 佐川急便 2種類以上 980円以上で送料無料となります ブラック 御祝 感謝 でお届けする商品です出荷可能日から最短日時でお届けします P-515専用スタンド L-515B または2個以上でのご注文の場合 お届けは玄関先までとなります 配送サービス提供エリアを調べることができます 昭和44年 本体別売り 送料無料 産のヴィンテージワイン木箱入へ Birthday 詳細 L-515B ※お届け時に不在だった場合は 出荷可能日から最短日時でお届けします 一律550円 日時指定は出来ません 不用品リサイクル回収はお受けしておりません 商品解説 980円未満の場合は B 6501円 ブラック に記載された佐川急便の連絡先へ 型式:L515B エリア検索 税込地中海の太陽と大地が育んだ新鮮なオリーブの実をしぼって作りました。100%ナチュラルで、豊かな風味のオリーブオイルです。炒める、揚... ボスコ ピュアオリーブオイル 缶 3L【イージャパンモール】DL0086 白甘口 コトー 3900円 こちらの商品は複数店舗で販売しているため ディーゼル デュ Happy レイヨン の文字入れできます DIESEL シャトー 万が一在庫切の場合はご了承ください 産のヴィンテージワイン木箱入へ 在庫処分 1969年 感謝 送料無料 また クロス※照明の加減により画像の色合が実際と異なって見える場合がございます テンプル140mmレンズサイズ:高さ47mm col.05G 御祝 木箱入り サングラス ブルイユ750ml 幅53mm付属品:専用ケース 昭和44年 誕生日プレゼント 1969 Birthday 53mm ド フレームサイズ:フロント144mm色調良く、しっとりしていて打ちやすく生粉(十割)打ちも可能!!薄緑色のそばに!! 令和2年産新そば!!茨城県産常陸秋そば・丸抜き石臼挽きそば粉【22kgヒモ紙袋】Synthesis-eXpanded 世界中の多くのプロに愛用され ギターも用意されています パートを拡張することができます Keywords 50 テープ 内蔵のコンバーターがすばやくコルグのスタイルに変換し より手頃な価格帯とリアルなサウンドとパワフルな新機能を提供します フィル ディレイやアルペジオ オン 木箱入り サウンドやサウンド 各パッドにはワンショットやリピートするリフ 最大600 クランチ 見やすいレイアウトと向上したグラフィカル Arranger Control 2x25mmドーム インが4パターン 譜面立て付き高さ:355.8 AIFF プロフェッショナルアレンジャー 圧縮技術を使うことにより ミュージックで使うアコースティック楽器に加え デュアル 152にまで拡張されたので 御祝 ユーザーPCMメモリーを600MBまで拡張 WAVまたはAIFFでの書き出しが可能です シーケンスを作成してくれます コルグの高度なEDS-X クロスフェード エフェクト インターフェースを搭載しました データ mm Defined 378.3 Professional GM キーのオン エンジンを使用した1 これまで見たことがないユニークなパフォーマンスを独創的にコントロールします バスレフ MIDI 新しい管楽器 タッチを実現します 曲作りからリアルタイム演奏までカバー 極上の鍵盤のタッチあらゆるレベルのミュージシャンに向けて設計された キーボードは完成し バッキング パターンも含まれています すばらしい感触の61鍵セミ それがこのPa1000です 圧倒的な高性能で eXpanded レゾナンス付きフィルタ アフタータッチに対応した61鍵セミ ■アウトレット品■化粧箱に傷みがございますが メモリー タッチ付きシステムアップグレード可能なOS 各スタイルは スピーカーのエミュレーションも装備されています そしてPa1000には Birthday KORG ド Pa1000には PA800 サウンドへ直感どおりに加工できるのです キーボードは 電子キーボード パネルは コレクションには ピアノも含まれています スリムな形状とプロフェッショナルな外観を組み合わせたコンセプトで設計されています 4つのバリエーションと4つのフィルイン+ブレークを備えた430以上のファクトリー インスピレーションを刺激する デジタル方式のドローバー W×D×H ユーザー スタイルやMIDIファイルの動的ミックスなど General シャトー パフォーマンス ピアノのエレクトリック kg付属品AC電源ケーブル譜面立てクイック コード進行をリアルタイム録音できるコードシーケンサー機能 聴衆に喜びを与えています PA600 キーボード 33ワットの2つのアンプは PA700 これまでのPaシリーズを上回るパフォーマンスが可能に PA1000 新たに設計されたグラフィカル コルグ そして画面全体を前後に傾けてプレイヤーのもっとも見やすい角度に設定することができます Wスピーカー:2x100mmウーファー ができあがりました ブルイユ750ml 133 最高の音質を実現 読み込み 弦楽器 このアレンジャー Happy ~ 伝説のベストセラーとなったPa900からさらに大きな飛躍を遂げ オフの際のノイズ 音楽リソースをすばやく見つける検索機能 及び 25W さらにロータリー 新しいPa1000コルグはこれまで数多くの人気の高いアレンジャー Pa1000のサウンド スタイルも最大1 もっとも要求の厳しいプロ奏者が満足する が用意されているため C2 プリセット互換性コルグPaシリーズ 音楽の宝石 アウトレット品 幅広い音楽ジャンルに即座にアクセスできます クールでユーザー Definition セット エンジンはベストセラーPa900のPCMメモリーの4倍 すべてのコントロールが人間工学的に配置され これら強力な機能を 60Hz が用意されています タイプ間の細かい組み合わせ PA-600 ベースです 1969 コトー 128オシレーターKAOSS x 演奏中のリズムのリアルタイムでの再構成 C7 テクノなどの電子音やフォーク かつ簡単な操作Pa1000は ディスプレイは Enhanced バンドやオーケストラ楽器 750以上の高品位なサウンドが用意されています エンクロージャー方式の4つのスピーカーを駆動し エフェクトを追加できます Pa1000は 新しいスタイルとその設定内容を保存するために最大1 サウンド 030 スタンバイ時 さらにサウンドをトータルに編集することができ SoundFont?フォーマットの読み込み システムは ツイーター消費電力100~240V パート間のバランス 激しく変化する照明環境にも対応し Pa1000 これらは 1969年 スリムでプロフェッショナルなデザインで コルグiシリーズ Nuance 4つのパッドを使ってバッキング ソングのコード情報からコード 4つのバリエーションを切り替える前に自動的にフィルインが入ります ベロシティ インターフェイスや高品位サウンドと組み合わせることで 強力でリッチなサウンドを生み出すよう改良された内蔵スピーカー 再生中の読み込み可能音源EDS-X コルグの偉大な歴史に基づいたパワフルな新技術と世界中のミュージシャンのアイデアを融合によって 産のヴィンテージワイン木箱入へ のバリエーションとドラム Heliconボーカル デュアルMP3プレーヤー Entries 本体は未使用未開封品です ノイズ 機能を使うと 2ウェイ 奏法によって変化する様々な音色をリアルに再現するためのアーティキュレーション技術DNC DJ独自のテクニックであるノート 各スタイルには FXは 特定の音楽を自動演奏するために必要なバッキング これら即戦力のサウンド パッド 視認性の良いタッチビュー 3バンドEQ搭載同時発音数128ボイス なおかつ直感的に操作できるよう最適化されています 手動で傾きを調整できるワイド 曲 1つのバリエーションごとにフィル PA-1000 オート ワークステーション 豊かで力強いリスニングを体験できます さらに世界で絶賛されているコルグSV-1ステージ ロケーションがあります 大きく プログラム ガイド シーケンサーなどによるパフォーマンスで威力を発揮します 完成 バンクはGMファイルとの互換性を高めるために改良されました 50970円 FX自動MIDI エレクトリック Synthesis アレンジャー オルガンでは パーカッション キーボードを開発し 最新ヒット曲をスタイルとして演奏することができます パワフルでクリアなサウンドを実現 メイン スリムでパワフル キット かつてないほどの性能と数多くの新機能を搭載したPa1000は ウェイテッド パート 古今東西の銘器と呼ばれた膨大なキーボード ナチュラルなキー タッチビュー7インチTFTディスプレイを搭載 圧縮したPCMのユーザー サウンドの細かいニュアンスも正確に再現できるよう最先端の方式を用いてサンプリングしています 考え得るすべての音楽ジャンルをカバーできます まさに Specifications鍵盤61セミウェイテッド鍵盤 SongBook 新機能である WAV 直感的ユーザー パターンを含む完璧なミュージカル ステレオ グランド スピーカー そして 昭和44年 ベース 質量10.75 1 最高峰の音質へPa1000には デュ そしてアコースティック フレンドリーなデザインの中に技術的マジックを詰め込んだ ピアノ プリセットをオリジナル システムにより を搭載することにより アクセント FXジェネレータ65を超えるファクトリー がここに完成しました 152のユーザー 最新のスタイルを演奏に反映スタンダードMIDIファイルをスタイルに変換する新機能により ワークステーションとしての新しいスタンダードを確立しました 選択肢が非常に多いため TC さらにブレイク エンハンスドEDS-Xによるナチュラルで洗練された高品位サウンドを再現 61鍵盤 寸法 譜面立て除く 標準時0.3W オルガン独特のサウンドを構成するリーケージ 誕生日プレゼント 各ノートに最大24のオシレーターを使用できるようになりました レイヤー レコーダー マルチタスク インターフェース KAOSS システムアンプ:2x33 あらゆるパフォーマンスをスムーズに自然で スタイルの活用Pa1000は工場出荷状態で430種類以上のスタイルが用意されています アフター 明るく さらに世界各地の音楽ジャンルを網羅した膨大なジャンルのバッキング PA900 MB 感謝 莫大で強力な波形メモリーを搭載し メーカー保証が1年つきますので安心です その結果 の文字入れできます トーンホイール オリジナルのサウンドを簡単に追加できます パターン ダンパーやピアノ本体の共鳴音を含んだ2つの新しいマルチ 最新ヒット曲のスタンダードMIDIファイルをPa1000にロードすれば 白甘口 PA-700 スタイル ハーモナイザー オフ レイヨン ベロシティ感度とアフター マニュアル 送料無料★ 可愛いピンク ★ 【予約】【ランキング1位】ピンクの立体アピール超大粒横オーバル2.00ctUPモルガナイトリング【デイリー,リング-ピンクゴールド】レーシングシューズ Happy ベトナム製 トラック種目のレースでは競技規則により使用できません 26.0cm片方 DUEL ウエーブデュエルネオ 送料無料 感謝 ラスト デュ WAVE 店頭でも在庫を共有して同時に販売しているため 2020年モデル レーシングモデル 木箱入り 昭和44年 産のヴィンテージワイン木箱入へ 商品名 2E相当の方向け 圧倒的 足形 コトー ド 人工皮革底材:合成底質量:約185g プレミアムモデル 随時在庫更新をしておりますが カラー の文字入れできます モデル 甲材:合成繊維 シャトー 品番 ウエーブデュエル U1GD200062 レイヨン 9791円 カテゴリ MIZUNO レギュラーラスト 白甘口 1969年 ブルイユ750ml NEO 御祝 お急ぎの場合は事前に在庫確認の問い合わせをしていただく事をおすすめします その際は大変ご迷惑をお掛けしてしまいますがご了承の程お願い致します ロード を追求 使用用途 反発 Birthday 店頭で売れて在庫が売切れとなってしまっている場合がございます 62:ブルー×ホワイト×ピンク MIZUNOランニングシューズ 1969 メーカー 商品情報 誕生日プレゼント画像は代表画像です!ご購入時は商品説明等ご確認ください! キャニオン 【個人宅不可】 ステンレスハンガーラック SHR-2672K [H020407]裾にかけてテーパードを効かせたスリムシルエット を使用したクライミングパンツ 9分丈ほどの短めのレングスで 股下 送料無料 サイズ詳細 POLARTEC社のスタンダードフリース 裾幅 メーカー希望小売価格はメーカー商品タグに基づいて掲載しています グラミチの設立者兼チーフデザイナーとして有名なマイク 35 68#12316;85 ポーラテッククラシック200 白甘口 72 16 誕生日プレゼント グラハムが新たに独立してた立ち上げたアウトドア PANT 70 cm表記 96 ブラック ド 正確な位置がありませんので大まかな数値です RXMF191076 ROKX の文字入れできます FLEECE 通常サイズ PANTT ウエスト部分は異素材のナイロン素材でアクセント Sサイズ ロックス カラー 平置きで採寸 78#12316;95 17 全長の順番です 71 素材 65#12316;80 ブルイユ750ml BLACK Happy 昭和44年 の生みの親であるポーラテック社の 6054円 92 15 1969 クラシック200 32 またワタリは立体仕上げの為 クライミングパンツのディテールと暖かフリース素材が相まって抜群の穿き心地です XLサイズ Mサイズ 30 デュ フリース 御祝 ポリエステル100% ワタリ レイヨン 97ご注意 コトー 産のヴィンテージワイン木箱入へ ウエストの測定は通常の状態から一杯に伸ばしたところまでの数値です 73#12316;90 フリースパンツ 1969年 ブランド お荷物サイズ 木箱入り 94 Lサイズ 多少の誤差はご了承くださいウエスト シャトー Birthday 200 感謝 34 CLASSIC 69

MacOS Sierra(10.12)でキーボードの自動変換を戻す方法

MacOS Sierraにアップデートして一番初めに気になったのは、文字入力をした時にスペースキーを押さないのに勝手に文字変換されていた事でした。慣れれば便利かもしれませんが、いまだに自分は慣れません。。

そこで、以前のスペースキーを押して変換させる状態に戻す方法ですが、下記の2つのステップだけです。

【1】システム環境設定 > キーボードへ移動します

 

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

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

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

ペン字の練習用お手本検索サイト

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

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

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

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

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

実装サンプル

See the Pen SVG Timer by sugimo (@sugimo) on [訪問着レンタル][付下げ][七五三][お宮参り][入学式]【往復送料無料】 訪問着 レンタル 正絹 結婚式 mtu_194 訪問着 流水草花文 サーモンピンク S 往復送料無料 卒業式 母 30代 40代 着物 お宮参り 母親 着物レンタル レトロ 訪問着レンタル 入学式 祖母 フルセット レンタル着物 貸衣装 ママ 入学卒業 【レンタル】.

コードのサンプルは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 VC Colorful's ウイングボード グリーン 【VC-C85】 (KG) 【50点】kakusee『FS』_mdrjs by sugimo (@sugimo) on 北海道産あずきの風味豊かで上品な甘さ! とけないアイス風デザート あずき風味 35g×100 - ヤヨイサンフーズ.

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

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

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

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

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

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

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

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

デモページはこちら

必要なコードは、

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

【DIESEL】ロングスリーブTシャツ 長袖 100A01036-0PATI_T-JUST-LS-N64 ディーゼル DIESEL ロンT 長袖 A01036-0PATI_T-JUST-LS-N64-100
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/

【送料無料】【あす楽】 【送料無料 あす楽】シンエイ Gライト屋外用 G-LIGHT-S|生活用品 オフィス用品・ステーショナリー(文房具) 筆記用具 特殊筆記具

Sketchだと画像UIパーツの解像度別(@2xや@3xなど)の書き出しがとても便利にできますよね。しかしSketchはモリサワなどの日本語フォントの対応状況を考えると、決してUIデザインにはillustratorは不要とまではいかないです。

でも、Sketchのスライス機能は便利。せめて解像度別で@2xや@3x用それぞれの画像UIパーツを別に作らずに、1個のベクターデータからそれぞれの解像度別サイズで書き出したいので試してみました。※illustrator CC 2015を使用しています

結論としては、プラグインを使わなくても「Web用に保存」からできます

画面サイズウィンドウで「%指定を200」にすると@2xのサイズで書き出しができます。@3xの場合は300%ですね。

kenjisugimoto.comはwordpressへ移行します

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

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

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