狼読

~知識と情報の共有を目指して~

 
2020/05/23

[js] jqueryでtoggleClassを使ってクラスの付け替えをやってみた

皆様は、toggleClassをご存知ですか?toggleClassを使用することで、つけたいクラスがあった場合は、そのクラスが消去され、クラスがなかった場合は付与されるといった動作をしてくれます。クリックイベント時に、 […]
2020/05/22

【Mac】パッケージのインストールが簡単になる!HomebrewとHomebrew-caskの使い方

MacにおけるHomebrewとHomebrew-caskのインストールの方法を別記事で紹介させていただきました。【Mac】便利すぎる!HomebrewとHomebrew-caskのインストール方法 HomebrewとH […]
2020/05/22

[css]bootstrap4のグリッドシステムを使って横並びのブロックを作ってみた

bootstrap4のグリッドシステムを使って横並びのブロックを作ってみようと思います。bootstrapは col-数字 と記述することで足して12になるように記述することで横並びのブロックを作成することができます。ま […]
2020/05/22

[js]jqueryで親要素を取得する方法

今回は、jqueryで親要素を取得する方法をご紹介します。親要素取れて何が嬉しいの?って思う方がいらっしゃる方がいると思いますが、例えば、メニューでサブメニューがあるかどうかなどを判別するときに使えたりします。 HTML […]
2020/05/21

【Mac】便利すぎる!HomebrewとHomebrew-caskのインストール方法

Homebrewとは Homebrewとは、パッケージマネージャです。 MacやWindowsなどみなさんが普段使っているPCをより使いやすくするために新しいソフトウェアをインストールしたり、ソフトウェアのバージョンを更 […]
2020/05/21

[js]jqueryで特定の要素のクラス名を取得する方法

今回は、jqueryで特定の要素のクラスを取得する方法をご紹介したいと思います。今その特定の要素がどういう状態にあるのかをクラスを決めていることが多いのではないでしょうか?今回はその状態がどんな状態で次どんな状態にしたい […]
2020/05/20

【Photoshop】いますぐ使えるテクニック!画像を合成したときの色の違和感をなくす方法

今回は、photoshopで画像の合成をするときにとても便利なテクニックになります。テクニックと言ってもとてもシンプルで今すぐに使えます。 みなさんは、画像を合成した経験ありますか?画像を切り貼りして合成していくと背景の […]
2020/05/20

[css]文字にフェードイン、フェードアウトする方法

今回は、フェードイン、フェードアウトをcssを使って実装してみようと思います。簡単なサンプルとして、マウスで特定の要素をhoverしたら文字が徐々に消えていくというようなものと文字が出てくるものを実装してみようと思います […]
2020/05/19

【Photoshop】かっこいいテキスト作り!テキストで画像を切り抜く方法

今回は、Photoshopでかっこいいテキストを作っていく方法を紹介していきます。Photoshopでかっこいいテキストを作っていく方法は色々とありますが、この記事では、画像を使ってテキストをオシャレでかっこよくしていこ […]
2020/05/19

[css]下付きの吹き出しを作ってみよう

今回は、cssで吹き出しを作ってみようと思います。吹き出しを今まで画像で作っていた方は、必見です。cssで記述することでコード側で色やサイズなどの調整がきくため非常に便利です。 吹き出しを作るhtmlの構造 吹き出しを作 […]
2020/05/18

【Photoshop】簡単に白黒変換してモノクロ画像を作る方法

今回は、Photoshop初心者の方向けの記事になっています。画像を白黒に変換したいと思うことがあると思います。そんなときに手間をかけず簡単操作で一瞬にしてモノクロ画像が作れる方法を紹介していきます。 今回は、ひと味違う […]
2020/05/18

テキストエディタAtomのインストール方法【Mac】

皆さんは、Atomというテキストエディタを知っていますか?今回は、テキストエディタAtomをMacにインストールする方法を紹介したいと思います。 俺は、今までEmacsというテキストエディタをずっと使ってきました。Ema […]
2020/05/18

[google spreadsheet]選択肢を作る方法

皆様は、Google Spreadsheetを使われたことがありますか?ウェブ上でエクセル用に使用できるため本当に便利ですよね。 今回はそんな Google Spreadsheetで案件管理などを行いたいときに選択肢を設 […]
2020/05/17

[css]画像をcssだけでモノクロにしてみよう

画像をモノクロにするために、今まで画像編集ソフトを使っていませんでしたか?そんなことをしなくてもcssで画像をモノクロにできます。 今回は、その方法についてサンプルを使ってご紹介したいと思います。 画像をモノクロにしてみ […]
2020/05/16

【Photoshop】基本操作!画像を重ねて配置する方法〜画像合成の第一歩〜

今回は、Photoshopの初心者向けの基本操作の紹介になります。Photoshopで画像編集を始めていく方のなかには、画像を合成して作品を作っていきたいなと思っている方もいると思います。画像の合成の第一歩は、画像(レイ […]
2020/05/16

[js]jqueryを使って画面サイズを取得する方法

今回は、jqueryを使って画面サイズを取得する方法についてご紹介したいと思います。画面サイズを取得して何が嬉しいの?って思う方もいらっしゃいますよね。例えば画面サイズに応じて、js側からcssを変更したり文章を書き換え […]
2020/05/15

[html]日付入力をする際に期間を設定する方法

htmlを使って日付を入力するフォームを作ることがあるかと思います。その際、全ての日付を選べれてしまっては不都合だという方がいらっしゃるかと思います。そういった方向けに今回は、日付を入力する際に期間を設定する方法をご紹介 […]
2020/05/15

【Photoshop】基本操作!画像の拡大・縮小の方法

今回は、Photoshop初心者向けの基本操作である「画像の拡大・縮小」の方法を解説していきたいと思います。 「画像の拡大・縮小」は画像編集していくうえで必須の操作になってきます。Photoshopにおける「画像の拡大・ […]
2020/05/14

[Linuxコマンド]2つ以上のファイルを横に並べて表示させる方法

数値のデータと名前のデータ、集計データが別々のファイルになってて横に表示させたいというときないですか?筆者はありました。 ファイルを読み込むプログラムを別に用意して、外部引数として受けて、結合用のプログラムを作って1つの […]
2020/05/13

All in one SEOでログインユーザーのトラッキングを除外する方法

今回は、wordpressでSEO PACKをお使いの方に向けてGoogle analyticsでデータ収集をしている時に、プレビューなどのデータを収集しないようにする方法を書かせていただきます。 Google Anal […]
2020/05/12

【Photoshop】雲や霧に使えるブラシの作り方

今回は、ブラシ定義しておくと雲や霧を表現するのにとても便利な雲ブラシの作り方を紹介します。 photoshopで作品を作っていくと雰囲気を少し出したくなることがあります。そのようなときに雲や霧を表現できるブラシを用意して […]
2020/05/12

wordpressでメンテナンス状態から戻ってこなくて困ったお話

今回は、筆者がwordpressで「現在メンテナンス中の、しばらくの間ご利用いただけません。」から動かなくなり何をやっても受け付けなくなってしまい困ったお話をしたいと思います。 wordpressでプラグインなどを更新し […]
2020/05/11

【Photoshop】初心者必見!画像を左右反転させる方法

今回は、Photoshop初心者向けの記事になります。 画像編集をしていくと画像を左右反転させたいと思う場面が出てくると思います。そんなときに知っていれば簡単にできてしまう画像の左右反転ですが、初心者のなかにはどうやって […]
2020/05/11

[css]ホームページに埋め込んだ Google Mapをcssだけでモノクロにする方法

皆様のホームページには、大抵場所を案内するためにGoogle Mapが埋め込まれていますね。そんなGoogle Mapですが、デフォルトの状態のデザインを使われているのが一般的ではないでしょうか?今回はそんなGoogle […]
2020/05/10

[js] jqueryでalertを出す方法

ブラウザの上からアラートを出す方法についてご紹介したいと思います。ブラウザの上からアラートを出すためには、javasciptを使用します。 今回は、ボタンをクリックしたらアラートがでるようなサンプルを使っていきたいと思い […]
2020/05/09

[css]文字を縦書きにしてホームページを和風にしてみよう

今回は、ホームページを和風にする手段として、cssで文字を縦書きにする方法をご紹介したいと思います。これであなたのサイトをより和風にすることができるようになるのではないでしょうか。縦書きをする方法は非常に簡単で、cssを […]
2020/05/08

解像度とは?画素と解像度の理解を深めよう

みなさん、解像度って知ってますか?解像度という言葉は、日常生活において聞いたことのある言葉だと思います。特に、デジカメやテレビ、パソコン、プリンターでよく耳にすることがありますが、何となく聞き流してしまっている方がほとん […]
2020/05/08

[css]画像を影をつけて浮き出ているように見せるエフェクトの作り方

今回は、画像をHTMLで貼った時に、影をつけて画像が浮き出ているように見えるようなエフェクトのかけ方についてご紹介したいと思います。 作り方は非常に簡単で、あなたのサイトをよりかっこよく、見応えのあるものにしてくれるかと […]
2020/05/07

【Mac】基本操作!スクリーンショットの撮り方

みなさん、スマホでスクリーンショットってよく撮りますよね!見ている画面を「カシャッ」と画像として保存する機能のやつです。スクリーンショットは非常に便利な機能ですよね。みなさん、スマホでは当たり前のようにスクリーンショット […]
2020/05/06

【Mac】文字ビューア(文字パレット)の出し方!特殊文字入力が楽になる

今回は、Macの基本的な操作である文字ビューアの出し方を紹介していきたいと思います。特殊文字を入力したいときに文字ビューアがとても便利なことがあります。俺の場合は、「ü」というドイツ語文字の入力方法を調べていく中で、一つ […]
2020/05/05

[css]リストの前にチェックマークを入れてみよう

今回は、リストの前にチェックマークを入れてみようと思います。以前記事で書かせていただいた三角形を入れる方法とほぼ同じと言えます。ただbeforeの要素に実現するものが違うといったものになります。リストの前を三角形にする方 […]
2020/05/04

[css]リストの前に三角系をつけてみよう

今回はリストの前に三角形がつける方法についてご紹介したいと思います。多くのサイトでリストで並んでいる箇条書きのものに三角形がついてたりするものをよく見るかと思います。ではこの三角形は画像なのでしょうか?そうではありません […]
2020/05/03

[css]cssで画像をhover時に拡大するアニメーションを作ってみよう

今回は、cssで画像にマウスポインターを合わせた時に拡大するアニメーションの作り方をご紹介したいと思います。このような画像が拡大する動きはいろんなサイトで使われていますね。今回はその画像をどうやって拡大させているのかとい […]
2020/05/02

[css]olの前の数字のデザインを変えてみよう

今回は数字付きのリストを出してくれるolの前の数字のデザインを変えてみようと思います。数字が出て順序が出てくれるのは嬉しいですが、見た目がシンプルすぎてデザインを変えてみたい方がいらっしゃるかと思います。そういった方向け […]
2020/05/01

[css]チェックボックスのチェック欄を消して、オリジナルのチェックボックスを作る方法

チェックボックスを自分のオリジナルのボタンにしてみたいという方はいらっしゃるかと思います。今回はその方法についてご紹介していきたいと思います。ぜひオリジナルのボタンを作ってみてください。 HTMLの構造 チェックボックス […]
2020/04/30

【Mac】ü(ドイツ語文字)のように上に点(ウムラウト)がある文字の入力方法

今回の記事は、Macユーザー向けになっています。Macにおけるドイツ語文字である「ü」の入力方法を紹介します。uの上にポチポチの点がある(ウムラウト)の入力方法は、普段なかなか使うことがなく、すぐに忘れてしまいます。そこ […]
2020/04/28

[html]チェックボタンを文字を押した時にチェックされるようにする方法

htmlでチェックボタンを押した時に基本的にチェックボタンをクリックすることが一般的ですよね。しかし、チェックする項目の文字をクリックするとチェックされた方が利用者に便利じゃないですか?jsでクリックイベントを取得してチ […]
2020/04/28

【Photoshop】初心者必見!いらない部分を消す2つの方法

今回の内容は、とても基本的な初心者向けの記事になっています。画像編集していくなかで、消したい部分ってありますよね・・・今回は、そんな消したい部分をphotoshopの基本的なツールだけを使って超簡単に消していきたいと思い […]
2020/04/28

[css]borderを2重にしたデザインのボタンを作ってみよう

今回は、borderを2重にしたデザインのボタンを作ってみようと思います。外側のborderと内側のborderを引くためのブロックを作るだけですので非常に簡単です。htmlもcssも非常にシンプルですので、ぜひ覚えてい […]
2020/04/27

【Photoshop】初心者必見!変えたい部分の色を変える方法

今回は、使う頻度がかなり高い初心者必見の内容になります。みなさん、写真の一部分の色を別の色に変えたいと思ったことありませんか?例えば、車の色を変えたいとか服の色を変えたいと思ったときに色を変える方法を紹介したいと思います […]

投稿カレンダー

2020年10月
 1234
567891011
12131415161718
19202122232425
262728293031  

人気記事一覧

category

©狼読