記事一覧
よく使うコマンド
メモで自分が使うものを確認できるようにまとめました。 参考:https://gist.github.com/gushernobindsme/58ddb4d7d190686ba6b5a28fdda077f4 ↑すごくわかりやすくまとめ…
よく使うコマンド
メモで自分が使うものを確認できるようにまとめました。
参考:https://gist.github.com/gushernobindsme/58ddb4d7d190686ba6b5a28fdda077f4
↑すごくわかりやすくまとめてくれています。
ls
ディレクトリの一覧を表示する
書式:ls [オプション] [パス]
-a・・・隠しファイルを含めて全てのファイルを表示する
-A・・・「.」
プログラミング学習 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日目
1,好きな位置に移動させるプロパティ「position」(CSS)position は、座標を指定することで自由な配置をすることができる。
親要素には、「 position : relative; 」
子要素には、「 position: absolute; 」
を指定する。この時、relative(親要素)が基準となり、absolute(子要素)に対して座標を指定することで移動させることができ
プログラミング学習 14日目
1,HTMLの<small>タグと©<small>タグは小さいという意味ではなく、免責・警告・著作権などの注釈を表すタグ。
© は「©」とWebページで表示される。HTMlでは&と特定のコードと;を使って、特殊な文字を出力できる。
2,max-widthmax-width: XXXpx; と記述することで、最大XXXpxの幅のレイアウトにできる。なのでXXXpx以下の場合は
プログラミング学習 13日目
1,帰ってきたHTML/CSS(ど基礎編)紆余曲折あって、HTML/CSSの復習に帰ってきた。
ど基礎をここで振り返って自分の中の土台をしっかりさせたい!
そもそもHTML/CSSとは、
HTML = 文章の構造を決める、骨組みになる役割
CSS = HTMLのデザインを変更しれ、デコる役割
ちなみに、HTML/CSSで出来ないことがあり
複雑なアニメーションや、動くページ
チャット・掲示
プログラミング学習 12日目
1,Slackのbot開発・yo
・generator-hubot
・coffeescript
の3つをyarnでインストールする。
それぞれ、
yo
Google 様が作ったひな形作ってくれるマン。
Githubからフォークしてクローンしなくても、対話的にひな形を作れちゃうよ。 正式名はYeoman(ヨーマン) らしい。
generator-hubot
Yeoman を利用した Hubo
プログラミング学習 11日目
1,そもそも、AWSとは嫁に、AWSってなんなん?と聞かれてうまく説明ができなかった。
自分では理解できているつもりだったが、知らない人に説明して理解してもらえないということは、深く理解できおらず、砕けた説明ができないのではと思い、一度調べてまとめてみた。
(あくまでも自分で調べて、理解している内容なのであしからず)
AWS(Amazon Web Services)とは、 Amazon様が提供
プログラミング学習 10日目
1,AWSでWebアプリケーションの公開9日目で構築した、EC2とRDSを使い Ruby on Rails のアプリを公開した。
1、利用者(Webページ閲覧者)からのHTTPリクエストを、Nginxが受け取る
2、Nginxを介し、Pumaがアプリケーション(今回はRails)を動作させる
3、モデルなど、データベースへのアクセスが必要な場合、RDSへアクセスする
4、アプリケーションは、Pu
プログラミング学習 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.
もっとみる