プログラミング– category –
プログラミング関連の記事カテゴリ。
管理人はWordPress(PHP)、Ruby(Ruby on Rails)でのサイト制作やプログラミングを行っているので、その過程で勉強したことの備忘録として記事を執筆中。
当面のやることは、レビューログの自作テーマ作成と有料テーマの販売です。
Rubyを利用したWebサービス作成も、時間を見つけて進めていきます。
-
HTML
html要素として必要不可欠なheadタグとbodyタグの違いとは
HTMLの勉強をしていると最初に戸惑うのが、headタグとbodyタグの使い方だと思います。 HTML5にて色々な記述の仕方がこれまでのHTML4.01までとはガラリと変わったのですが、HTMLの基本を表すheadタグとbodyタグについては変更がありませんでした。 HTML5のD... -
Ruby
Rubyのputs関数で文字列の中に変数を表示する方法と改行しない方法について
Rubyで文字列や数値を表示する場合、真っ先に使うことになるのがputs関数です。 これは組み込み関数と言われ、Rubyというプログラミング言語に最初からある関数となっています。(理由は、文字列の表示はプログラミングの基本であり何度も使うから、いちい... -
HTML
HTML5でfigure,figcaption要素を使って図表のタイトルやキャプションを設定する
HTML5において追加された、figure要素とfigcaption要素というものがあります。 当サイトでも使っている機会は殆ど無いため、管理人も全く知識がありませんでした。 しかし、htmlの正しいマークアップを心掛けることはSEO的にも良いことは確かなため、今一... -
HTML
HTMLファイルが文字化けした時はmeta要素のcharset属性でUTF-8を指定する
HTMLやCSSの勉強をしていると、実際にコードを書いてみてそれがブラウザ上でどのように反映されているのか確認したくなることが多々あります。 【HTML5・CSS3】i要素かcssのfont-styleで文字を斜体(イタリック体)にする そんな時、必ず遭遇するのが「文字... -
HTML
HTML5のmark要素で該当の文章をハイライトして目立たせる
HTML5で新しく追加された要素にmark要素があります。 これは、囲んだ部分のテキストをハイライトして目立たせる効果がありますが、em要素やstrong要素のようにその部分を強調する(ことをブラウザや検索エンジンに伝える)効果はありません。 文字を強調する... -
HTML
HTML5のaddress要素をフッターに置いて連絡先情報を示す書き方
HTML5において、著者や管理人への連絡先をaddress要素で記載するのはスタンダードでは無いのかもしれません。 というのも、今はmeta要素のauthor属性で表すのが主流だからです。 【WordPress】meta robotsをプラグイン無しで実装する方法 【WordPress】プ... -
HTML
dl,dt,ddタグで定義・説明リストを作る時の入れ子の覚え方は、英語の短縮語から考える
定義・説明リストを作ることが出来るのがdl,dt,ddタグですが、この入れ子構造を作る時にどの順序であればよかったか本当にすぐに忘れてしまいます。 aタグでtarget=”_blank”を指定するか迷ったら自サイトの主要ユーザー層を考える ですが、これは各タグが... -
HTML
aタグでtarget=”_blank”を指定するか迷ったら自サイトの主要ユーザー層を考える
HTML5の要素として、ページ内にリンクを置くaタグがあります。 正しいアンカーリンクの使い方を知り、見出しタグを利用した目次を作る これを使う際、リンク先を同一ブラウザのタブで開くか別タブで開くかを実装側で設定することができ、それがtarget属性... -
HTML
HTML5のコメントアウトの書き方と、コメントを利用してプログラムを分かりやすくする
HTML5でコメントを記述する際、コメントアウトを行えば良いです。 書き方ですが、具体的には以下になります。 <!--ここにコメントを記述する--> 記述するだけであれば簡単なのですが、実はプログラミングを学習するに当たってコメントアウトを行うの... -
HTML
正しいアンカーリンクの使い方を知り、見出しタグを利用した目次を作る
ブログや記事系コンテンツを多く掲載しているサイトの場合、ユーザビリティーを高めるためにも目次を使っている例が多いです。 その際は見出しタグを利用して目次を生成するケースが多いと思いますが、目次のリンク先に設定するのがページ内リンク「アンカ...