Technology

2020/09/02

WordPress5.5.1へアップデートしたらgurtengergで入れた画像が縦伸びしてしまった

wordpressを5.5.1へアップデートしてしまうと、今までgurtengergの機能で画像を入力したものが、縦に伸びてしまったのでその対処方法をメモ書きとして残させていただきます。 gurtengergを使った画像 […]
2020/08/07

cssとjsで画面横からブロックが出てくるものを作ってみよう

今回は、cssでよくホームページなどでスクロールした時に横から出てくるものを作ってみようと思います。 画面の横からブロックが出てくるようにするためのhtmlの構造 よく画面の横からスクロールを行うとブロックがニョキと出て […]
2020/08/06

【エックスサーバー】WordPressをサブディレクトリにインストールして運用する

こんにちは!タマリュウです 今日は、エックスサーバーにWordPress(ワードプレス)をインストールしてブログサイトやホームページを運営していく方法を紹介していきます。 ただし、今回の記事ではエックスサーバーにWord […]
2020/07/17

Macのストレージ(空き容量)を正しく確実に確保!ストレージ 「その他」圧迫の原因と解消方法

こんにちは!タマリュウです みなさん、Macのストレージ容量って確認していますか?知らず知らずのうちにストレージの容量がいっぱいになって圧迫していることってありますよね。スマホのカメラ性能が高くなっているので画像の容量が […]
2020/07/09

brew doctor で警告が出た!warningとの奮闘記

今回は、Homebrewの問題チェックコマンド brew doctor を実行したときに表示されるwarningのエラー文を解消する方法を紹介します。また、私が遭遇したエラー文に限定して紹介していきます。 Homebre […]
2020/07/08

GitHubでRailsアプリケーションを管理する方法

RailsでWebアプリケーションを開発していこうとすると一人で開発を進めるよりも複数人で共同開発した方が効率的で良い場合があります。そのようなときにGitHubでRailsアプリケーションを管理することで共同開発環境を […]
2020/07/03

Rubyのバージョン切り替え方法!(Mac用)

今回は、Rubyのバージョンを切り替える方法を紹介したいと思います。 Rubyでプログラムを書いていくときや、Ruby on Rails でwebアプリ開発をしていくときなど開発環境はとても重要になっていきます。その開発 […]
2020/07/02

Ruby on Rails の環境構築と環境構築で生じたエラーの解決方法(Mac用)

今回は、Ruby on Rails の環境構築の手順と環境構築の中で私が直面したエラーの解決方法を紹介していきます。 Ruby on Rails についての詳しい紹介は、本記事では省略させていただきますが、Ruby on […]
2020/06/29

【Ruby】Rubyのインストール手順と動作確認(Mac用)

今回は、Rubyのインストール手順を紹介していきたいと思います。また、インストール完了後に正しくRubyがインストールされているか動作確認もしていきたいと思います。Rubyのインストールはとても簡単なのでRubyに興味の […]
2020/06/16

[css]下へと上下に揺れてる下向き矢印ボタンをどうやって作るのか?

今回は、ホームページ閲覧時に下に移動するための上下に揺れている矢印がありますよね?jqueryなどを使わないとできないのかと言われますとcssのみで実装可能です。では作っていきたいと思いますが、この記事では、位置は下にせ […]
2020/06/15

[css]htmlのaタグをクリックできないようにする方法とは?

ホームページのメニューバーなどで、準備中にしたりすることってないですか? 少なからずそういった機会ってありますよね。リンクにせず、文字だけ打っておいて後からリンクにしておくことや、飛んだ先のページを準備中にするなど様々な […]
2020/06/14

[php]foreachを使ってみよう

phpで配列の中身を全て出力する方法をご紹介したいと思います。foreachを使うことで配列の中身を1列ずつ出力することができるようになります。今回はよく使われるこのforeachの使い方についてご紹介したいと思います。 […]
2020/06/13

[jquery]slick.jsを使ってスライダーを作ってみよう

今回は、スライダーを作ってみようと思います。ホームページにはトップページにスライダーがあるホームページがやはり多いですよね。そんな幅広く使えわれているスライダーを作っていきます。作り方は非常にシンプルで、slick.js […]
2020/06/12

[css]背景に画像を入れた際に位置調整を行うにはどうすればいいのか

cssを使って画像を背景に設定することってありますよね。今回は設定した背景画像の位置調整をする方法をご紹介したいと思います。背景画像を左側に寄せたい、背景画像を中央寄せにしたい、背景画像を右寄せにしたいなど様々な要望があ […]
2020/06/11

[js]jqueryでログを出力するにはどうすればいいのか

今回は、jqueryのログの出力方法について書かせていただきます。 jqueryでログを出力することは、取得したデータや、テキスト文などを確認するために使われます。jqueryを使って様々な操作を行う際には、必須となる知 […]
2020/06/10

[html]セレクトボックスを作ってみよう

今回は、htmlでセレクトボックスを作ってみようと思います。セレクトボックスは入力フォームを作る際には、一般的な入力フォームになります。基本的なことなので、ぜひ覚えていってください。一般的なセレクトボックスだけでなく、分 […]
2020/06/09

[html]ラジオボタンを作って、チェック済みにしたり選択できないようにしてみよう

htmlでラジオボタンの作り方をご紹介したいと思います。ラジオボタンは、フォームを作る際に、一つだけ選択肢を選んでほしい時に使われてますね。 今回はそんな入力フォームを作る際に必要なラジオボタンの作り方をサンプルを踏まえ […]
2020/06/08

[css]横並びで高さを合わせたコンテンツを縦方向に中央寄せする方法

cssでdisplay:flexを使用した際に、横並びの高さを合わせられたけど、縦方向に中央寄せできないという方向けの記事となります。 display:flexを使うことで、高さを合わせたコンテンツを横並びにすることはで […]
2020/06/07

[css]横並びにしたコンテンツの高さを合わせる方法

今回は、cssで横並びにしたコンテンツの高さを合わせる方法をご紹介したいと思います。 cssでブロックを横並びにするまではできたけど高さが合わないっていう時ありませんか?横の長さを合わせるのは簡単ですが縦方向のアプローチ […]
2020/06/06

[css]ワークフロー図をcssだけで作ってみよう

ホームページにて、手順を説明する際に、手順1、手順2などを表記する必要が出てくるかと思います。ただワークフロー図をどうやって作っていいかわからないといったお悩みがある方が少なからずいらっしゃるかと思います。 そこで、今回 […]
2020/06/05

[jquery]クリック時に矢印を動かして展開したことがわかるアコーディオンの作り方

アコーディオンメニューで開閉を行う際に、開閉されてるかわかるように下向きの矢印がついていることがないですか?開いてない状態では下向きの矢印がついていて、開くと上向きの矢印がついている状態です。 矢印をつけることで開閉して […]
2020/06/04

[css]下向き矢印と上向き矢印の作り方

今まで矢印はどうされていましたか?画像で作られていましたか? 実はcssで作成することができます。作り方は非常にシンプルで四角形を回転させるだけといったものになります。 今回は、下向き矢印と上向き矢印の作り方をご紹介した […]
2020/06/03

[jquery]slideToggleを使ってアコーディオンを作っていよう

今回は、queryのslideToggleを駆使してホームページでよく使われるアコーディオンを作ってみようと思います。 アコーディオンは、Q&Aやメニューバーなどある程度の複数のコンテンツを一覧と表示させ、詳細が […]
2020/06/02

[jquery]切り替えタブを作ってみよう

今回はよく使われるタブを作ってみようと思います。 一々、コンテンツ縦にいっぱい並べて表示させるって大変ですよね。タブを作ってコンテンツを切り替えられたら一番いいですよね。今回はそんなタブを作って見ます。考え方は、押したボ […]
2020/06/01

[jquery]テキストボックスが入力された時にどんな文字が入力されているのかを取得してみる

今回は、jqueryを使って、テキストボックスに入力された文字の取得方法についてご紹介したいと思います。テキスト入力に入力された文字を取得することで、入力された文字がどんなものなのか、入力形式として正しいのかどうかという […]
2020/05/31

[html]placeholderを使いこなしてinputに入力サンプルを入れてみよう

みなさま、placeholderってご存知ですか?入力欄を入力しようとした時に、説明やこうやって入れてくださいねっていうサンプルが書いてあって入力しようとした時に消えるといったものを見たことはないでしょうか。まさにそれの […]
2020/05/30

[css]リストを使ってお知らせ一覧のようなデザインを作ってみよう

今回は、ホームページに重要なお知らせの一覧をリストを使ってデザインしてみようと思います。ホームページは情報を発信するということを目的としておりますので、会社、お店などの新着情報を掲載していくことは、お店を営業していますと […]
2020/05/29

[css]文字の行間を調整する方法について

今回は、文字の行間を調整する方法についてご紹介したいと思います。長文を読んでいるときに、行間が狭い場合もう読むのいいかな?って思う方がいらっしゃるかと思います。せっかく一生懸命作ったコンテンツを読んでいただけないの非常に […]
2020/05/28

[css]文字の間隔を調整する方法

文字の間隔をcssでコントロールする方法をご紹介したいと思います。 文字の間隔が詰まっていると、文字が見にくくてホームページ自体がもう文字を読む気を無くしてしまうっていうことありませんか? こんな状態にならないように文字 […]
2020/05/27

[html,css]文字の上に打ち消し線を入れる方法

ホームページで、文字の上に線が入ってその文字を打ち消しているものを見たことはないでしょうか?今回はその文字の上に打ち消し線をどうやって入れるのかという方法をご紹介したいと思います。 文字の上の打ち消し線の実装の仕方は、h […]
2020/05/26

[css]文字を太字にしてみよう

今回はフォントの文字を太字にする方法をご紹介したいと思います。 皆様もホームページを作成する際に、強調してみてほしいところってありますよね。そんな時、その文字を太字にして強調してみてもらうことってあると思います。そこで今 […]
2020/05/25

[css]フォントの色を変えてみよう

cssでフォントの色を変える方法をご紹介したいと思います。cssで文字の色を変えるとホームページが華やかになりますね。また、大事な文字は赤文字などで強調したいですね。 文字の色はホームページのイメージを決める大事な要素と […]
2020/05/24

[css]フォントのサイズを変えてみよう

今回は、フォントのサイズを変更する方法をご紹介したいと思います。文字の大きさを変更することで、主張したい文字とそれに対する説明など情報に強弱をつけることができますね。そんな文字サイズをどうやって変更するのかをご紹介したい […]
2020/05/23

【Mac】ターミナルアプリケーションの保存場所

今回は、紹介記事というよりも俺自身の備忘録としての記事になります。Macのターミナルから新規ウインドウでターミナルを開きたい場面に遭遇しました。なかなかこういった場面は訪れないかもしれないです・・・・ このときに、GUI […]
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年10月
 1234
567891011
12131415161718
19202122232425
262728293031  

Technology

category

©狼読