プログラミング未経験者の学習日記

私が学習した内容のまとめサイトです。

SQLについて

SQLとは? SQLの分類 SQLとは? 表(テーブル)に格納されたデータの検索や更新(追加・変更・削除)を行う言語のことでANSI(アメリカ規格協会)やISO(国際標準化機構)といった団体により標準規格が定められておりOracleでは標準規格に準拠したSQLが使用…

Oracle Databaseについて

Oracle Databaseとは? データベースとは? DBMS(Database Management System:DBMS)とは? データベースの要件 リレーショナルデータベースとは? 表・列・行 データ項目(列)とデータの種類 Oracle Databaseとは? Oracleが開発・販売しているリレーショ…

【Java入門】代入演算子、複合代入演算子について

代入演算子 「=」が代入演算子となります。優先順位はすべての演算子の中で最下位です。そのため、常に右辺の式を先に計算します。 int a,b,c; a = b = c = 5; 「=」で変数を連結すると、すべての変数を同じにすることができ、右結合のため、代入は右端から…

【UNIXコマンド】cdコマンド

cdとは? ディレクトリを移動するコマンドです。 使い方 ディレクトリを移動する ①「cd <相対パス or 絶対パス>」と入力 ②「Enter」キーを押す 上の階層に戻る ①「cd ..」と入力 ※2つ上の階層に戻る場合は「../..」 ②「Enter」キーを押す 直前の階層に戻る …

【Eclipse】「パースペクティブ」について

パースペクティブ Eclipseではビューやエディターなどの必要な機能を纏めたものを「パースペクティブ」とよびます。右上の「パースペクティブを開く」アイコンをクリックすると下記のようなダイアログ画面が表示されます。 この画面にはEclipseで用意されて…

【Eclipse】Eclipseを起動~終了まで一連の操作を試す。

Eclipseを起動する 「eclipse.exe」のショートカットをダブルクリックして起動します。Eclipse起動時に下記のような画面が表示されますので、目的のワークスペースが選択されていることを確認し、「OK」ボタンを押すと起動します。 ワークスペースとは? Ecl…

【Ruby入門】「!」と「?」がつくメソッドについて

「!」がつくメソッドについて 「!」がついているメソッドは大元のオブジェクトを書き換えるメソッドとなります。 例えばupcaseは文字列を大文字で返します。 name = "dai"puts name.upcaseputs name DAIdai upcase!とすると文字列を大文字で返し、さらに大元…

パンくずリストでSEO対策!はてなブログへの導入方法を紹介

パンくずリストを利用して見やすく目立つSEO対策をします。 はてなブログでパンくずリストを利用する - すなばいじり

【Ruby入門】文字列オブジェクトを使おう!

文字列 文字列は「”」(ダブルコーテーション)もしくは「’」(シングルコーテーション)で囲います。 特殊文字を文字列と併せて使う場合 「”」ダブルコーテーションの場合、特殊文字を使うことができますが「’」(シングルコーテーション)の場合はそのまま…

Chrome検索で不要なサイトをブロックしたい【Personal Blocklist以外で特定のサイトを検索結果から除外する方法】

Chrome検索で不要なサイトをブロックしたい【Personal Blocklist以外で特定のサイトを検索結果から除外する方法】

【Ruby入門】数値オブジェクトを使おう!

数値に関するオブジェクト クラスを調べる方法 メソッドを調べる方法 四則演算 四捨五入/切捨て 数値に関するオブジェクト 「32」や「4.8」など整数や浮動小数点数のことを数値といいます。 クラスを調べる方法 Rubyでは下記のように「*.class」と書くとどの…

【Ruby入門】変数と定数について

1.変数とは? 2.変数のルール 3.定数とは? 4.定数のルール 1.変数とは? データにつけるラベルで複雑なデータにわかりやすい名前を付けたり使い回しをしたりすることができるものです。 2.変数のルール ・「アンダーバー」か「英子文字」から始…

【Ruby入門】Rubyとは?

Rubyとは? 公式サイト インストール方法 プログラムの実行 コメント print, puts, p Rubyとは? まつもとゆきひろ(通称 Matz)さんにより開発されたオブジェクト指向スクリプト言語です。 公式サイト https://www.ruby-lang.org/ja/ インストール方法 公式…

【ローカル開発環境】ローカル開発環境の起動方法

Vagrant起動 PuTTY起動 Cyberduck起動 Vagrant起動 (1)コマンドプロンプト(もしくはPowerShell)を起動する。 (2)下記コマンドを入力します。 ①cd Myvagrant ②cd MyCentOS ⓷vagrant up (3)下記画面が表示されて起動します。 PuTTY起動 (1)すべ…

【ローカル開発環境】ローカル開発環境を構築しよう!

事前準備 1.VirtualBoxインストール 2.Vagrantのインストール 3.仮想マシンの設定・起動 4.Puttyをインストールする。 5.仮想マシンにログインする。 6.仮想マシンの設定 7.Cyberduck(ファイル転送ツール)のインストール 7.仮想マシンへの…

【Eclipse】Eclipseをインストールしよう!

Eclipseのインストール手順 Eclipseのインストール手順 (1)MergeDoc Project のPleiades All in Oneダウンロードページを開きます。 http://mergedoc.osdn.jp/ (2)ダウンロードしたいEclipseのバージョンのリンクをクリックします。 (3)インストー…

【UNIXコマンド】pwdコマンド

pwd カレントディレクトリ(現在、操作しているディレクトリ)を表示するコマンド 使い方 ①「pwd」と入力 ②「Enter」キーを押す

【Bootstrap】アラートに「×」をクリックすると閉じるボタンを追加しよう!

アラートに「×」ボタンを追加する。 サンプルコード アラートに「×」ボタンを追加する。 alert-dismissibleを使うことで下記のようにアラートに「×」ボタンを追加してアラートを閉じられるように設定することが可能です。 ここにアラートを書きます × サンプ…

【Bootstrap】ナビバーを設定しよう!

ナビバーについて ナビバーについて Bootstrapでは下記のようなナビバーを作ることができます。 Logo Link Link Link <div class="container"> <nav class="navbar navbar-expand navbar-light"> <a href="" class="navbar-brand">Logo</a> <ul class="navbar-nav"> <li class="nav-item"><a href="" class="nav-link">Link</a></li> <li class="nav-item"></li></ul></nav></div>

【Bootstrap】ツールチップを設定しよう!

ツールチップについて ツールチップ設定手順 ツールチップについて Bootstrapでは下記のようなツールチップを実装することができます。 (ツールチップとはカーソルを何かの項目に合わせたとき、その項目に覆いかぶさるような形で小さな枠が出現し、その枠内…

【Bootstrap】タブメニューを作ろう!

タブメニュー作成 タブメニュー作成手順 タブメニュー作成 Bootstrapでは下記のようなタブメニューを作ることができます。 Aタブ Bタブ Cタブ あいうえお かきくけこ さしすせそ タブメニュー作成手順 1.タブの見出しを作る <div class="container"></div>内にul、li要素でタブの見出しを…

【Bootstrap】グリッドレイアウトについて

Bootstrapのボタンについて Grid system ブレークポイント Bootstrapのボタンについて 公式サイトの[Documentation]-[Layout]-[glid]にGrid systemについての詳細が掲載されています。 getbootstrap.com Grid system Bootstrapでは横幅を12分割したグリッ…

【はてなブログ】はてなブログでBootstrapを使おう!

Bootstrapをはてなブログでも使うことができないか調べていたら、はてなブログに設定する方法についてわかりやすくまとめられた記事がありましたので紹介します。 www.marorika.com 本ブログでもこの方法で設定しており非常に重宝しております。興味がある方…

【Bootstrap】ボタンを作ってみよう!

Bootstrapのボタンについて Button tags Outline buttons Sizes Active state Disabled state Bootstrapのボタンについて 公式サイトの[Documentation]-[Components]-[Buttons]にBootstrapのボタンに関しての詳細が掲載されています。 getbootstrap.com Bu…

【Bootstrap】Bootstrapでスタイリングをした時の注意点について

Bootstrapでスタイリングをした時の注意点 Bootstrapでスタイリングをした時の注意点 Bootstrapが用意しているスタイル(特にUtilitysのスタイル)は「!important」という指定がされているため最優先でスタイルが適用されます。下記は「<div class="bg-success w-75 h-100">Box</div>」のスタイルをデ…

【Bootstrap】paddingとmarginを操作しよう!

paddingとmarginについて 使い方 構文 property sides paddingとmarginについて Bootstrap公式サイトの「Documentation」ー「Utilities」ー「Spacing」ページで確認することができます。 getbootstrap.com 使い方 paddingとmarginについてはproperty、sides…

【Bootstrap】幅と高さを変更しよう!

Bootstrapで使用可能な幅と高さ 幅(Width) 高さ(Height) Bootstrapで使用可能な幅と高さ Bootstrap公式サイトの「Documentation」ー「Utilities」ー「Sizing」ページで確認することができます。 getbootstrap.com 幅(Width) 25%、50%、75%、100%、Auto…

【Bootstrap】テキストの配置位置やフォントサイズを設定しよう!

Bootstrapで使用可能なテキストの調べ方 テキストの配置位置(Text alignment) テキストのサイズ 大文字・小文字変換(Text transform) 太字と斜体(Font weight and italics) 等幅フォント(Monospace) Bootstrapで使用可能なテキストの調べ方 Bootstra…

【Bootstrap】文字色や背景色を設定しよう!

Bootstrapで使用可能な色の調べ方 Color Background color Bootstrapで使用可能な色の調べ方 Bootstrap公式サイトの「Documentation」ー「Utilities」ー「Colors」ページで使用できる文字色と背景色を確認することができます。 getbootstrap.com Color 下記…

【Bootstrap】Bootstrap(ブートストラップ)って何?

Bootstrapって何? 公式サイト Bootstrapを使う方法 Bootstrapを使うと何ができるのか? Bootstrapって何? ウェブサイトやWebアプリケーションを作成するフロントエンドWebアプリケーションフレームワークです。(詳細はウィキペディアを参照) Bootstrap -…