Porte Bonheur

心穏やかなひと時を

WEBのお勉強(自分用メモ)

画像の保存形式をおさらい

Photoshopの保存方法まとめ:形式は?画像を圧縮するには? Photoshopの編集データを保存したいとき⇒PSD(一旦保存・同じ状態から作業再開) PSD形式で保存すると、もう1度開いた時に同じ状態から作業を再開することができる。(PhotoShopData) レタッチした…

PHP 配列

配列」とは、複数の別々な数値や文字列を 一つの変数に格納する(入れる)ことができる、いわば「複数の引き出しがついた棚」のようなもの。 $price0 = 300; $price1 = 500; $price2 = 1000;という3つのデータは、 配列を用いて以下のように表現できる。 $pric…

PHP ループ処理

while文でループさせる 繰り返しを利用して0〜10までの値を表示する処理の例。 $i = 0;while( $i `< 10 ) {echo $i;$i += 1;} ここで、「 `< 」は数学と同じように不等号を表しています for文でループさせる for文は、for( 繰り返しで使用する変数の宣言; 繰…

PHP 演算

足し算 ある変数の値に「1」だけ値を足す場合、次のような表記を行うことも可能。 このような演算子のことを「インクリメント演算子」と呼びます。 (1)と(2)は同じ足し算だが、微妙に動きが異なる。 (1) $sample++; (2) ++$sample; 解説 (1) echo 等で出力…

PHP

覚える事が沢山〜〜〜 Rubyの続きをやりたいけれど。。。 PHPとは 動的にHTMLを作成することを目的としたプログラミング言語。 PHPを用いればブログのように管理ページで記事を書いて更新すると、それがWebページに反映されます。 整数はそのまま入力してOK…

Ruby 条件分岐

if もしこの条件に一致(true)するならこの処理を行うと言う記述。条件分岐と呼ばれている。 一致しなければfalse 『実際のWebサービスでは例えば「5000円以上の購入で送料無料」 「ある特定の商品にだけクーポンを利用可能にする」などといった場面で利用さ…

Ruby 計算

足し算 puts 5 + 5 → 10 引き算 puts 10 - 5 → 5 かけ算 puts 15 * 5 → 75 割り算 puts 15 / 3 → 5 余り 例:25 を 9で割った余り puts 25 % 9 → 7 累乗 例:3を4乗した値 puts 3 ** 4 → 81 変数の値にさらに足し算を行う 変数calcの値に、現在のcalcの値に…

Ruby 範囲

同じ処理を値を変えながら繰り返す場合など、範囲を指定する時に使用。 範囲には二種類の書き方がある。 1..5 ( ドット2つ ) : 1以上5以下 1...5 ( ドット3つ ): 1以上5未満

Ruby 理論値

”5は 2 より大きい”など、ある条件が成り立つ場合に「true」(真)と言われる論理型を返す。 puts true → true 条件が成り立たない場合に「false」(偽)と言われる論理型を返す。 puts false → false 定義されていない値を呼び出そうとすると「nil」という値が…

Ruby 配列

複数の要素(文字列、数値等)をまとめるための仕組み。 まとめる要素を「」で囲み、各要素をカンマ( , )で区切る。 (インデックスを使って要素を区別) 配列のデータには、先頭から開始番号が0で始まるインデックス番号が割り振られている。 入力、出力ともに …

Ruby comment機能

コメントが1行の場合は# puts "Hello" #comment コメントが複数行の場合は =begin =end =begin と=end で囲んだ部分がコメントになる puts "Hello" =begin comment comment =end 記述以降がコメント puts "Hello" __END__ comment comment

CSS 中央寄せ色々

text-align: center; margin: 0 auto; display: inline-block; vertical-align: middle; (vertical-alignはインライン要素・テーブルセルにのみ使用可) position: absolute; + margin: auto; transform display: flex; テキストを内包したいけどブロックの高…

font awesome

fa-fwという名前のclassをiタグに追加すると、前後に余白が作られる <i class="fas fa-tasks fa-fw" ></i> colorは、font扱いなので通常の指定方法でOK saruwakakun.com

Ruby 変数とは

変数は、他のプログラミング言語ではデータを入れる「箱のようなもの」と教えられることが多い。 Rubyの変数はデータに付けるラベルのようなもの。 ローカル変数 基本となるのはローカル変数で、英小文字または「_」で始まる名前をつける。数字は使えない。 …

Ruby 超初歩なメモ

putsの後は要半角スペース。 puts "プログラム内容" 実行時はrubyを付け忘れない。 ruby ○○○.rb putsというものは、「受け取ったモノを文字列として出力する」 何らかの処理をさせる命令をメソッドと呼ぶ。 メソッドに渡すために後ろに続いているモノを引数…

ulとol,dlの使い分け

最近、本格的にWEBの事を学習しだして、やっとCSSは何処に どう書くのか、とか外部ファイルにして読み込ませるのね、なんて事が解ったばかりの私です。 数日前に知った、dt,ddタグ。よく見るとdlで綴られてる。 でもタグってあまり気にしちゃいけないところ…

position

static基準値や位置の設定を行わない absolute 絶対位置指定。ウィンドウの左上から位置を指定。 親要素に relative が指定されている場合のみ、親要素の左上が基準位置となる。 relative相対位置指定。absolute が指定されている要素を子要素に持つことによ…

no-js

<html class="no-js"> 一般的には、「javascriptがない」ときに作動する仕組みをつくる際に用いられる。 どうい…</html>

CSS,HTML基本記述

HTML <html lang="ja"> <head> <meta charset="utf-8"> <meta name="vewport" contenr="width=device-width,initial-scale=1.0"> レスポンシブ metaの追加記述は下記の物を上から順に記述 OGP記述はここに <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> font awesome </link></meta></meta></head></html>

CSSを勉強中 clearfixをじっくり復習

とても解りやすかった。 bodyサイズの修正は書かれてるけど、余白が必要だからってのもあると より解りやすかったかも。 qiita.com 本当はfloatなんか使わないでスマートなflexを使いたい。 早く全ブラウザで表示されるようにしてほしい。 flexboxのバグに立…