HTML(エイチティーエムエル) BracketsでHTML・CSSのインデントを超速整形！便利アドオン｜Beautify
あ、インデントが面倒だな・・・BracketsでHTMLを書きまくっていて、「あ、インデントが面倒だな・・・」という時がありませんか？そんな時に超役立つ拡張機能です！まずは拡張機能の画面に移動します。Beautifyさっそく一番上に出てきま...
HTML(エイチティーエムエル) 
Illustrator(イラストレーター) 無料ベクター(.ai)デザインが検索できる検索エンジン｜freepik
検索エンジンfreepikイラレのデザインを探しているならfreepikで検索してみましょう！Freepikとは？Freepikは、無料ベクターデザインの検索ができる優れた検索エンジンです。無料の ベクター画像、PSDファイル、アイコン、写...
CSS(シー・エス・エス) 【CSS入門】WEBサイトのスマホ画面シミュレーションができる便利サイト｜responsinator.com
WEBサイトをスマートフォンで見た時にどんな感じになるのか？という画面のイメージをサクッと見てみたいときに便利なサイトです。Enter your siteサイト左上の「Enter your site」にスマートフォンで見てみたいサイトのUR...
WordPress(ワードプレス) 【WordPress】自作テーマ作成｜footerファイルを取得する｜
footerファイルを取得<?php get_footer();?>footer.phpファイルを取得します。このように、index.phpにphp get_footer();と入れておくと、footer.phpを読み込んで表示してくれます...
WordPress(ワードプレス) 【WordPress】自作テーマ作成｜headerファイルを取得する
headerファイルを取得<?php get_header();?>header.phpファイルを取得します。<?php get_header();?>がindex.php内にあると、内容を取得して表示させてくれます。header.phpは...
WordPress(ワードプレス) 【WordPress】dashicons-css｜WordPress管理者の公式アイコンフォント
公式アイコンフォント<link rel="stylesheet" id="dashicons-css" href="css/dashicons.min.css?ver=5.1" type="text/css" media="all">das...
WordPress(ワードプレス) 【WordPress】dns-prefetch｜自動挿入されるDNSプリフェッチコード
DNSプリフェッチコード<link rel="dns-prefetch" href="//s.w.org">DNSプリフェッチ（DNS prefetching、DNS prefetch）Webブラウザーやアプリケーションのリンク指定されたド...
Photoshop(フォトショップ) 【Photoshop入門】明るい画像を補正する方法｜シャドウ・ハイライト
シャドウ・ハイライト前回は「暗い画像を補正する方法」でしたが、明るい画像を暗くする場合も「シャドウ・ハイライト」が使えます。イメージ「イメージ」＞「色調補正」＞「シャドウ・ハイライト」ハイライトの量を上げると、段々と明るくなっていきます。明...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)】暗い画像を補正する方法｜シャドウ・ハイライト
シャドウ・ハイライト「シャドウ・ハイライト」を使うと、画像が暗い時に、暗い部分だけを補正することができます。「イメージ」＞「色調補正」＞「シャドウ・ハイライト」「イメージ」＞「色調補正」＞「シャドウ・ハイライト」シャドウの量シャドウの量を上...
WordPress(ワードプレス) 【WordPress】絵文字機能を無効化する方法｜function.php
絵文字機能を無効化前回、 wp_head(); の中にwindow._wpemojiSettingsというものが入っていることを書きました。絵文字は使わないので無効化したいと思います。functions.phpまずは、「functions....
WordPress(ワードプレス) 【WordPress】window._wpemojiSettingsとは？
window._wpemojiSettingswp_head();で自動挿入されるhead部分の中に「window._wpemojiSettings」というscriptが入っています。<script type="text/javascrip...
WordPress(ワードプレス) 【WordPress】ワードプレスでオリジナルテーマを自作する手順｜STEP3
header.php次に、index.phpにheader.phpを読み込ませてみます。<?php get_header( ); ?>このように記述します。そうすると、元々はheader.phpが存在しなかったのでwp-includes/t...
WordPress(ワードプレス) 【WordPress】ワードプレスでオリジナルテーマを自作する手順｜STEP2
自作テーマを作成前回に引き続き、WordPressの自作テーマを作成する方法をご紹介していきたいと思います。最低限必要なファイルまずは、テーマファイルに最低限必要なのは、「index.php」と「style.css」のファイルです。もし片方...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)】写真の傾きを一瞬で補正する方法｜レンズ補正
レンズ補正撮影した画像が傾いてしまった・・・(^^;そんな時に使える画像補正が「レンズ補正」です。レンズ補正の使い方まずは画像を開いてフィルター＞レンズ補正角度補正ツール左側のアイコンの上から２番目の「角度補正ツール」を選択して、傾いている...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)】色や明るさの自動補正をする方法
Photoshopには簡単に自動補正する機能があります。自動トーン補正イメージ＞自動トーン補正自動コントラストイメージ＞自動コントラスト自動カラー補正イメージ＞自動カラー補正まとめPhotoshopが自動的にコントラストや色を調整してきれい...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)入門】レベル補正とは？レベル補正を使った色調補正テクニック
レベル補正とは？階調をコントロールすることで画像の明るさや色を調整する機能。写真の一番暗い部分を０、 一番明るい部分を ２５５という値にして、調整をします。 レイヤー＞新規調整レイヤー＞レベル補正イメージ＞色調補正＞レベル補正でも可能ですが...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)入門】スマートオブジェクトとは？
スマートオブジェクトスマートオブジェクトは、配置またはペーストされた画像を、元の画質を保持したまま編集や拡大・縮小、回転、ワープが可能な機能です。通常の画像を縮小します。縮小します。画像が劣化拡大すると、画像が劣化し、ボケてしまいます。縮小...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)入門】選択範囲を保存する方法｜アルファチャンネル
選択範囲例えば、猫さまを選択したいと思った時。クイック選択ツールクイック選択ツールなどで猫さまを選択します。選択した範囲は消えるしかし、この際にファイルを閉じてしまうと、せっかく選択した範囲が消えてしまいます・・・。選択範囲を保存せっかく時...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)入門】髪の毛を上手く切り抜く方法｜選択とマスク
人物の切り抜き人物の切り抜きは、洋服や髪の毛が複雑でなければ、それほど難しくはないかと思います。クイック選択クイック選択で範囲を選択してDelete。だいたい30秒くらいで終わります。髪の毛が複雑な場合しかし、髪の毛が複雑な場合には、そう簡...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)入門】髪の毛の色を変える方法PART２｜チャンネル｜レベル補正
新規調整レイヤーまずは「新規調整レイヤー」＞「色相・彩度」を選択して、調整レイヤーを作ります。色相・彩度色相・彩度を変更すると、下のレイヤーの色相・彩度が変わります。グループ「グループ」を作成して、作成した調整レイヤーをグループの中に入れま...
Photoshop(フォトショップ) 【PhotoshopCC(フォトショップ)入門】髪の毛の色を変える方法｜色相・彩度補正｜レイヤーマスク
人物の髪の毛の色を変えるPhotoshop（フォトショップ）を使って人物の髪の毛の色のみ変えてみたいと思います。新規調整レイヤーまずは、「レイヤー」＞「新規調整レイヤー」＞「色相・彩度」を選択します。新規レイヤーの名称を決めます。そのままで...
Photoshop(フォトショップ) 【Photoshop or illustrator】データサイズ比較！どのくらいデータサイズに差が出るか試してみました。
Photoshop or illustratorPhotoshopとillustratorで同じような図形を作った時に、データ量にどのくらい差が出るのか試してみました。新規作成それぞれ、A4サイズで空の状態のデータを新規作成します。この時、...
Inkscape(インクスケープ) 無料で使えるイラストレーターライクなアプリ「inkscape」をインストールしてみよう！
「Inkscape」とは「Inkscape」とは、無料で使えるグラフィックソフトです。Adobeのイラストレーターに近いイメージです。Inkscapeを使えば、複雑な図形でも自由に描くことができます。まずは、こちらのページからアプリをダウン...
JavaScript(ジャバスクリプト) 【JavaScript】画面にポップアップされた入力枠に文字列を入力してデータを渡す方法｜prompt();
prompt();画面にポップアップが表示されて、文字列や値が入力できるようになります 。<!DOCTYPE html><html> <head> <script> message=prompt(); alert(message); </s...
WordPress(ワードプレス) 【WordPress】投稿一覧に特定のカテゴリを表示させないようにするプラグイン｜Advanced Category Excluder
Ultimate Category Excluderこのカテゴリーは一覧に表示させたくないな・・・というときに役に立つプラグインです。「Ultimate Category Excluder」プラグインを有効化まずはプラグイン検索＞有効化しま...
Excel(エクセル) 今、このページを見ている貴方…もしかしてEXCELのスキルについて、お困りですか？
EXCELのスキルを身に付けてしまえば、今見ているページは必要無くなります！そのくらい、EXCELの勉強は、きっと大事だと・・・私は思います。初心者向け★エクセル講座はこちらEXCELのファイルご希望の方は下記のボタンからお問い合わせ下さい...
Excel(エクセル) 【Excel】定員が決まっている授業を生徒へ第５希望までを取って各限目ごとに自動的に割り振ってみる[PART4]定員オーバーの対応
先ほどのままですと、定員オーバーへの対応ができていません。「マイナスになった時は次の希望教科を表示させる」とすると良いかもしれません。循環参照エラーが発生しました。このマイナスの結果は、元々この教科の部分の値を参照しているため、その結果に応...
Excel(エクセル) 【Excel】定員が決まっている授業を生徒へ第５希望までを取って各限目ごとに自動的に割り振ってみる[PART3]COUNTIF
定員オーバーしている学科は残数０で締め切らないといけないので、優先順位１～から見ていって、残数０になった時点で締め切ります。例えば、国語の場合は３名で締め切りなので、最後の１名は参加できません。まずは、残数の列にこの引き算を作り出したいと思...
Excel(エクセル) 【Excel】定員が決まっている授業を生徒へ第５希望までを取って各限目ごとに自動的に割り振ってみる[PART2]条件付き書式
各時限目の後に受講者数を追加する受講者数が分かるように列を追加してみます。COUNTIFを使って、受講者が何人いるのかをカウント。範囲はオートフィルでずれないように、F4キーで絶対参照（＄マーク）に変更しておきます。検索条件は「＝学科」のセ...
Excel(エクセル) 【Excel】定員が決まっている授業を生徒へ第５希望までを取って各限目ごとに自動的に割り振ってみる[PART1]表の作成
「８個の学科があり、各学科の１限目～３限目には定員が決まっていて、生徒の希望順位に従って自動で割り振りをする」といったような表をEXCELで作成してみたいと思います。優先順位は、提出順とする。定員オーバーした場合は、優先順位の高い人で確定し...
