かな山

プログラミング学習で忘れそうなこと、調べたことを書き殴りしています。もし間違いなどあれ…

かな山

プログラミング学習で忘れそうなこと、調べたことを書き殴りしています。もし間違いなどあれば教えていただけると幸いです。 お気軽にコメントしてください!👍

記事一覧

よく使うコマンド

メモで自分が使うものを確認できるようにまとめました。 参考:https://gist.github.com/gushernobindsme/58ddb4d7d190686ba6b5a28fdda077f4 ↑すごくわかりやすくまとめ…

かな山
3年前
2

プログラミング学習 17日目

1,Ruby on Rails におけるマイグレート$ rails g model sample 上記のようにモデルを作成し、調整をした後にDB(データベース)に反映が必要で、 $ rails db:migrate を…

かな山
4年前
5

プログラミング学習 16日目

1,formタグform フォーム全体を表すタグ。 input 入力欄を示すタグ。属性によって種類が変わる。text,checkbox,radio,submitなどがある。 select セレクトボックス全体…

かな山
4年前
3

プログラミング学習 15日目

1,好きな位置に移動させるプロパティ「position」(CSS)position は、座標を指定することで自由な配置をすることができる。 親要素には、「 position : relative; 」 子…

かな山
4年前
1

プログラミング学習 14日目

1,HTMLの<small>タグと&copy;<small>タグは小さいという意味ではなく、免責・警告・著作権などの注釈を表すタグ。 &copy; は「©」とWebページで表示される。HTMlでは&と…

かな山
4年前
2

プログラミング学習 13日目

1,帰ってきたHTML/CSS(ど基礎編)紆余曲折あって、HTML/CSSの復習に帰ってきた。 ど基礎をここで振り返って自分の中の土台をしっかりさせたい! そもそもHTML/CSSとは、 …

かな山
4年前
3

プログラミング学習 12日目

1,Slackのbot開発・yo ・generator-hubot ・coffeescript の3つをyarnでインストールする。 それぞれ、 yo Google 様が作ったひな形作ってくれるマン。 Githubからフォ…

かな山
4年前
4

プログラミング学習 11日目

1,そもそも、AWSとは嫁に、AWSってなんなん?と聞かれてうまく説明ができなかった。 自分では理解できているつもりだったが、知らない人に説明して理解してもらえないとい…

かな山
4年前
2

プログラミング学習 10日目

1,AWSでWebアプリケーションの公開9日目で構築した、EC2とRDSを使い Ruby on Rails のアプリを公開した。 1、利用者(Webページ閲覧者)からのHTTPリクエストを、Nginxが…

かな山
4年前
3

プログラミング学習 9日目

1,AWSを学ぶ昨日AWSのアカウントを作成し、色々触れてみた。 とりあえず、バカな私の読解力だと公式サイトの説明がわかりづらかった。 当たり前だがそこそこ知識がある前…

かな山
4年前
5

プログラミング学習 8日目

1,Ruby on Rails に jQuery を実装してみる昨日からやり始めた jQuery を実装した。 # Gemfilegem "jquery-rails" Gemfile に上記の記述を追加して bundle install その…

かな山
4年前
2

プログラミング学習 7日目

1,jQuery(ジェイクリー)について Jabascriptのライブラリ。Javascriptをより簡潔にできるようにしたプログラミング。railsでいうgemみたいなものだと思われる。 $(docu…

かな山
4年前
3

プログラミング学習 6日目

1,RspecのまとめRailsなどで作成した、Webアプリケーションはテストコードを使い自動でアプリケーションの動作テストを行うことができる。 その中でもRspecはRailsでよく…

かな山
4年前
1

プログラミング学習 5日目

1,CSSでHTMLの要素の角を丸くする方法div { border-radius: 50%;} border-radius: ; で角を丸くすることができる。上記の場合は、完全な円形となる。 ちなみに、 div {…

かな山
4年前
4

プログラミング学習 4日目

CSS で display: inline block; を使い、中の文字を上下中央揃えする<ul> <li class="nav_li"> <a href="#portfolio">Portfolio</a> </li> <li class="nav…

かな山
4年前
1

プログラミング学習 3日目

Rails の form_for ヘルパーメソッド について<h1>新規投稿</h1><!-- form_for部分 --><%= form_for(@list, url: '/list') do |f| %> <h4>タイトル</h4> <%= f.text_fi…

かな山
4年前
1

よく使うコマンド

メモで自分が使うものを確認できるようにまとめました。

参考:https://gist.github.com/gushernobindsme/58ddb4d7d190686ba6b5a28fdda077f4
↑すごくわかりやすくまとめてくれています。

ls
ディレクトリの一覧を表示する
書式:ls [オプション] [パス]
-a・・・隠しファイルを含めて全てのファイルを表示する
-A・・・「.」

もっとみる
プログラミング学習 17日目

プログラミング学習 17日目

1,Ruby on Rails におけるマイグレート$ rails g model sample

上記のようにモデルを作成し、調整をした後にDB(データベース)に反映が必要で、

$ rails db:migrate

をするのだが、他のモデルを追加したりなどして1つ前の状態に戻したい時、

$ rails db:rollback

で戻ることができる。
ちなみに、

$ rails db:mi

もっとみる

プログラミング学習 16日目

1,formタグform
フォーム全体を表すタグ。

input
入力欄を示すタグ。属性によって種類が変わる。text,checkbox,radio,submitなどがある。

select
セレクトボックス全体を表すタグ。

option
セレクトボックスの選択肢のタグ。

使用例

case : input

# HTML <form action="sample"> <label fo

もっとみる
プログラミング学習 15日目

プログラミング学習 15日目

1,好きな位置に移動させるプロパティ「position」(CSS)position は、座標を指定することで自由な配置をすることができる。

親要素には、「 position : relative; 」
子要素には、「 position: absolute; 」

を指定する。この時、relative(親要素)が基準となり、absolute(子要素)に対して座標を指定することで移動させることができ

もっとみる
プログラミング学習 14日目

プログラミング学習 14日目

1,HTMLの<small>タグと&copy;<small>タグは小さいという意味ではなく、免責・警告・著作権などの注釈を表すタグ。

&copy; は「©」とWebページで表示される。HTMlでは&と特定のコードと;を使って、特殊な文字を出力できる。

2,max-widthmax-width: XXXpx; と記述することで、最大XXXpxの幅のレイアウトにできる。なのでXXXpx以下の場合は

もっとみる
プログラミング学習 13日目

プログラミング学習 13日目

1,帰ってきたHTML/CSS(ど基礎編)紆余曲折あって、HTML/CSSの復習に帰ってきた。
ど基礎をここで振り返って自分の中の土台をしっかりさせたい!

そもそもHTML/CSSとは、

HTML = 文章の構造を決める、骨組みになる役割
CSS = HTMLのデザインを変更しれ、デコる役割

ちなみに、HTML/CSSで出来ないことがあり

複雑なアニメーションや、動くページ
チャット・掲示

もっとみる
プログラミング学習 12日目

プログラミング学習 12日目

1,Slackのbot開発・yo
・generator-hubot
・coffeescript

の3つをyarnでインストールする。

それぞれ、

yo
Google 様が作ったひな形作ってくれるマン。
Githubからフォークしてクローンしなくても、対話的にひな形を作れちゃうよ。 正式名はYeoman(ヨーマン) らしい。

generator-hubot
Yeoman を利用した Hubo

もっとみる
プログラミング学習 11日目

プログラミング学習 11日目

1,そもそも、AWSとは嫁に、AWSってなんなん?と聞かれてうまく説明ができなかった。

自分では理解できているつもりだったが、知らない人に説明して理解してもらえないということは、深く理解できおらず、砕けた説明ができないのではと思い、一度調べてまとめてみた。
(あくまでも自分で調べて、理解している内容なのであしからず)

AWS(Amazon Web Services)とは、 Amazon様が提供

もっとみる
プログラミング学習 10日目

プログラミング学習 10日目

1,AWSでWebアプリケーションの公開9日目で構築した、EC2とRDSを使い Ruby on Rails のアプリを公開した。

1、利用者(Webページ閲覧者)からのHTTPリクエストを、Nginxが受け取る
2、Nginxを介し、Pumaがアプリケーション(今回はRails)を動作させる
3、モデルなど、データベースへのアクセスが必要な場合、RDSへアクセスする
4、アプリケーションは、Pu

もっとみる
プログラミング学習 9日目

プログラミング学習 9日目

1,AWSを学ぶ昨日AWSのアカウントを作成し、色々触れてみた。

とりあえず、バカな私の読解力だと公式サイトの説明がわかりづらかった。

当たり前だがそこそこ知識がある前提での作りな感じがしてすごい門前払いを受けた感じがする。

ただ、これがやるとすごくわくわくする。Amazonさんパネぇっす。

とりあえず本日は、12ヶ月の無料枠を使い「EC2」、「RDS」を構築してみた。

昨日も書いたがア

もっとみる

プログラミング学習 8日目

1,Ruby on Rails に jQuery を実装してみる昨日からやり始めた jQuery を実装した。

# Gemfilegem "jquery-rails"

Gemfile に上記の記述を追加して
bundle install
その後、

# app/assets/javascripts/application.js//= require jquery #追加

上記を追加すること

もっとみる

プログラミング学習 7日目

1,jQuery(ジェイクリー)について

Jabascriptのライブラリ。Javascriptをより簡潔にできるようにしたプログラミング。railsでいうgemみたいなものだと思われる。

$(document).ready(function () { $('body').html('<h1>Hello jQuery!!</h1>');});$(document).ready(functio

もっとみる

プログラミング学習 6日目

1,RspecのまとめRailsなどで作成した、Webアプリケーションはテストコードを使い自動でアプリケーションの動作テストを行うことができる。

その中でもRspecはRailsでよく用いられているとのこと。
Gemでインストールできることができるので導入が簡単。

Rspecで使用するコード

describe > テストの大きなくくりを表す。(必須)

context  > describe

もっとみる

プログラミング学習 5日目

1,CSSでHTMLの要素の角を丸くする方法div { border-radius: 50%;}

border-radius: ; で角を丸くすることができる。上記の場合は、完全な円形となる。

ちなみに、

div { border-radius: 10px 20px 30px 40px; # 左上を基準に時計回り}

上記のように、pxでそれぞれの角を選択して丸みを持たせることもできる

もっとみる

プログラミング学習 4日目

CSS で display: inline block; を使い、中の文字を上下中央揃えする<ul> <li class="nav_li"> <a href="#portfolio">Portfolio</a> </li> <li class="nav_li"> <a href="#feature">Feature</a> </li> <l

もっとみる

プログラミング学習 3日目

Rails の form_for ヘルパーメソッド について<h1>新規投稿</h1><!-- form_for部分 --><%= form_for(@list, url: '/list') do |f| %> <h4>タイトル</h4> <%= f.text_field :title %> <h4>本文</h4> <%= f.text_area :body %> <%= f.

もっとみる