IMGタグ沖縄も遂に梅雨に入りましたね!雨に濡れて風邪引かないように気をつけましょう!さて、今回はHTML5で追加されたimgタグに追加する値のsrcset属性が便利なので紹介します。srcsetタグでできることはratinaのディスプレイで表示する際に大きい画像に自動的に変更されたり、画面サイズに合わせて表示を変えたりと様々なことに使うことができます。alt=”イメージ”>で表示させたい画像を指定して行くのが普通の使い方なのですが、これにsrcsetタグを指定して画面サイズを指定していく事ができます。画面サイズが400px以下や800px以下はちょっと縦長のに変えたりや用途が様々あります。以降もしくは以上はabcd-l.jpgが表示されます。画像を数種類用意しないと行けないですが自分の表示させたい画像をスムーズに切り替える事ができます。オープンソースmacで使えるshareアプリ「Teleport」がすごく便利!マックで二つのPCを一つのマウスとキーボードで操作する方法がすごく便利だったので、メモします。Teleportを使うとPC間の写真の移動やキーボードとマウスを一つでデュアルモニターを使う感覚で使う事ができるので便利です。設定も簡単ですぐに扱う事ができるので一つは写真を加工してもう片方は映像関係を触るときなどですごく便利です。それぞれPCになってるのでそれぞれのパソコンで処理が行われるため、重くなったりもないのですごく便利!!ダウンロードサイトはこちら設定画面もシンプルに書かれていてすごく便利です。オープンソースCPUの異常チェックの仕方CPUが熱がこもりすぎると熱暴走でマザーボードが焼けたり、他の部品も巻き添えで焼けたりなど色々問題もありますよね!今のPCは熱が上がりすぎるとセーフティーが働いてCPUの活動量を減らしたりして熱を下げようとするため、PCの操作がカクカクします。TEMPの使い方を説明します。TEMPがCPUをチェックしてくれます。大まかに気にするのはこの5つでしょうか。高いほど発熱が高くなるので注意です。今回は、古くなったサイトをリメイクした際にURLを変更する方法のメモを書きます。後半は、昔のHTMLで作られたサイトをリダイレクトする際のメモです。.htaccessをコピーします。(ない方は設定のパーマリンク設定で保存を押してみてください)赤線が引かれてるフォルダです。そのあとにその中身を変更していきます。次にコピーして移動したindex.phpを修正します。赤い下線が書かれてる場所を上の階層に変更します。忘れては行けないのがwordpress内設定の一般にあるサイトアドレスを一個上の階層にしてください。サイトのデータを変更する際にURLを変更しないでリダイレクトさせる方法です。.htaccessを開いて中身を修正していきます。.htaccessの中にリダイレクトさせるためのコードを追加していきます。あとに画像のようにサイトのデータを書いていきます。管理画面にフィールドを追加してみるさてデジタルドリームワークスからHigaです。管理メニュー、ページの追加」の続きを行います。今回はさっそくフィールドを追加、データを登録する部分を勉強していきたいと思います。前回のテーマページへフィールドを追加...のはずが、どうも上手くいかず宿題です。来週に持ち越しということですみません!というわけで、今回は独自のフィールドを「設定」->「一般」のページ内に追加します。以下がfunction.php内に記述したコードになります。ポイントを説明します。WordPressにはフィールドを設定できる関数が用意されています。add_settings_section設定ページでヘッダを共有するいくつかの設定のまとまりです。設定項目をまとめて表示することができます。HTMLでいうsectionタグ内で囲う部分みたいなイメージでしょうか。add_settings_field設定項目を設定ページとセクションへ登録します。sectionに登録するのか、どのような項目を追加するか設定できます。register_setting設定項目と無害化用コールバックを登録します。どちらかというと、こちらで項目を登録して、add_settings_fieldで出力しているイメージでした。実際に登録できるようになれば、この設定項目をテーマに反映させていきましょう。キーを管理画面から登録出来るような形にしました。項目に値が入っていれば、JSコードを出力します。出力にはget_option関数を使用して出力。今回出来なかった部分は次回に投稿出来ればと思います。間違っている部分やおかしい部分があればぜひコメントいただけると幸いです。オープンソース回線速度のチェック&ケーブルお正月に家でパソコンを使う時に動画を見るのもすごく遅くて、今だにADSLというのが問題なのですが色々調べてみました。ネット環境を使う場合ネットの回線はすごい重要になってきます。回線速度の下りと上りですね。光回線を使ってる人には全然関係無いかと思うのですが、光回線を使っていても遅いという場合は一度チェックして見るのもいいのでは無いかと思います。チェックできるサイト、URL:http://www.musen-lan.com/speed/このサイトの測定を押すと10秒後に測定が開始されます。そこで出てくる赤文字のところが大体の回線速度になってきます。それ以外にも重要なのがLANケーブル、これはあまり知られてないのですがLANケーブルにはカテゴリーが分けられていて、契約時にもらえるコードは大体カテゴリー5のLANケーブルとなっています。カテゴリ−6となっています。値段は少し高くなるのですが、新しく発売したカテゴリー7のケーブルがすごくおすすめです。最近VR=バーチャルリアリティ(仮想現実)が流行ってるらしく機能紹介VRを販売してる会社は数カ所あるのですが、VRとは?VRとは、ゴーグル状になってる機器を頭にかけて使用するもので、それをつけることによって動画をもっと間近に立体的に見ることができます。普通動画を見たりゲームをしたりする際テレビから離れて見ることが多いので迫力があんまり感じられないものが全然違う感覚で見ることができます。xbox)などで映像を見たりゲームする際はゲーム機+VR機のみが必要なのでコストはそこまでかかりませんが、PCで使用する際はVR自体結構なスペックがいるので、GPUやCPUを結構な性能のものを積まなくてはいけなくなるので、普通のPCでは性能を最大限に活かせないっていう問題が出てきます。プレイしてる際の映像らしいです。自分用メモウェブ制作をする際に画像を綺麗に出すjsプラグインは色々ありますが今回はshadowboxのメモをします。機能を追加することができます!このファイルの中身がこうなっています。class=“wid200”/></a>aタグでrel=“shadowbox”と写真にhrefを追加するだけで写真を出すことができます。成功するとこんな感じで出るようになります。Designerがどのようなソフトなのか紹介しましたが今回は少しだけ機能を紹介します。表示はだいたい似てるのですぐに察しがつくと思います。これは全部まとめてくれるとだいぶ嬉しいですね!2、これはスライスツールと同じ機能です。機能的にはまだまだ足りない部分もちらほらあるのですがどんどん性能的に上がってきている感じがします。色々なところに機能が散ってますが、アイコンを見て性能がだいたいわかるようになっています。AI形式で保存はできないもののpsdにも対応しているのでphotoshopとも連携が出来るので使いやすい!私の周りにはphotoshop使ってる方が多いのでpsd形式で保存出来ると連携が取りやすいのでかなり便利です!編集ソフトを使ってる方なら直感的に操作ができるのでかなり使い勝手がいいです。メモスリックの使い方は前回の記事に描いたので今回は使い方の一部をメモします。Syncingの使い方この↑のjsの組み込み方です。js記述はサイトの方にある書き方でおkです。true});.slider-forは.slider-navのdivと連携しているのでhtmlの書き方も普通に使う時とはちょっとだけ変わっています。class=”slider-nav”><div>画像</div><div>画像</div><div>画像</div><div>画像</div></div>こんな感じに記述します。すると両方連携してて変えた方に両方変更するようになります。