CSSで水平スクロールを実装する

CSS

Horizontal Scroll .horizontal-list { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } .item { /* 横スクロール用 */ display: inline-block; width: 50%; /* 見た目調整 */ height: 200px; margin: 16px; font-size: 48px;…

Array#each_cons(cnt) について

Rubyのメソッドeach_consについて Array#each_cons(cnt)はselfからcnt個ずつ要素を取り出す ブロックに渡す。 ブロック引数には配列で渡される。 取り出す要素は、[要素1, 要素2, 要素3], [要素2, 要素3, 要素4] ...と1つづ前に進みます。 似たメソッドにArr…

form練習

form練習 その1 ユーザー名: パスワード: 好きな果物:" checked>りんご" >ぶどう 性別:malefemale コメント: 見えない入力欄: ユーザー名:<input type="text" name="username" placeholder = "username"><br><br> パスワード:<input type="password" name="password" placeholder = "password"><br><br> 好きな果物:<input type="checkbox" name="fruits[]" checked>りんご

エラー "You must use Bundler 2 or greater with this lockfile. (Bundler::LockfileError)"

190419 18:24:22 udemyのカリキュラムを学習中 詰まったところ、解決方法をかく 開発環境cloud9 rubyのversion2.6.0 ruby のversion 違いでエラー $ ruby -v $ rvm install 2.4.0 $ rvm --default use 2.4.0 これで再起動した時もversion が変化しない。 irb…

Macの設定の変更。おすすめコマンド集

$ defaults write com.apple.finder _FXShowPosixPathInTitle -bool true $ defaults write -g NSInitialToolTipDelay -integer 0 $ defaults write com.apple.finder AnimateWindowZoom -bool false $ defaults write -g NSAutomaticWindowAnimationsEnable…

SQL 4つの構文

今回のテーマ:SQLで主に扱う4つの構文について 書いた理由:SELECT, UPDATE, INSERT, DELETE など学習していく中でそれぞれの書き方を整理するため。 SQLで主に扱う4構文についての備忘録 [目次] 取得 挿入 更新 削除 [本題] 取得 SELECT カラムA, カラムB …

jquery イベントメソッド:マウス編

今回のテーマ:jQueryイベントメソッドmouse〜を使ってみよう マウスをクリックした時(click) マウスが要素にかかった時(mouseover) マウスがそこから離れた時(mouseout) そしてマウスが動いた時(mousemove) マウスボタンがはなされた時(mouseup) …

jquery コールバック関数練習

今回のテーマ:コールバック関数 コールバックの練習 Q.そもそもコールバックとは? A.何らかの処理が終わった後に何らかの処理をすること。 具体的な方法 まずはコールバック関数無しで。 <html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> </head> <body> <p>jQueryの練習</p> <div id="box" style="width:100px;height:100px;background:blue;"></div> </body></html>

save時に実行するバリデーションを切り替えたい!

saveメソッドを呼び出してモデルのデータを保存するときに、状況によって実行するバリデーションを切り替えたい場合がある。 そんな時は、validatesメソッドのonオプションが使える。 参考ページ 状況によってsave時に実行するバリデーションを切り替える - …

メソッドのオーバーライドについて(Rubyの場合)

Q.なぜこの記事を書こうと思ったのか? teacher.nagano-nct.ac.jp A.オブジェクト指向を調べていた時、オーバーライドについて興味が湧いたから。 【結論】オーバーライドとは? A. スーパクラスから継承されたサブクラスにおいて、メンバ関数を独自の機能で…

キャッシュとクッキー、セッションについて

結論 キャッシュは動的ページを実現するためのものでは無く、画面表示の高速化を目的に画像やHTMLデータをブラウザに保持する。 セッションは「ログインしてからログアウトまで」のような一連の操作を言い、セッションデータはサーバー側に保持される。 クッ…

mysqldumpの設定で詰まった話

dumpファイルの作り方 学ぶ目的 毎回データを作るのは面倒。再利用したい。 作業改善のため $ mysqldump -h localhost [DB名] [テーブル名] -u root -p > simple.dump $ mysql -h localhost [DB名] -u root -p < simple.dump とすべきコード、2つ目を $ mysq…

(&:odd?)について

> a, = (1..5).partition(&:odd?) => [[1, 3, 5], [2, 4]] > a = (1..5).partition(&:odd?) => [[1, 3, 5], [2, 4]] > a, b = (1..5).partition(&:odd?) => [[1, 3, 5], [2, 4]] > b => [2, 4] > a, = (1..5).partition(&:odd?) ↑なぜaの後ろに「,」が入って…

SQLについて

SQLとは? データベース言語の一つ データベースの定義や操作を行うことができる ISO(国際標準化機構)で規格が標準化されている。 一度学習すればほかのデータベースでもほぼ同じように操作可能 「シークェル」または「シーケル」と呼ばれている SQLという…

vagrantからDockerの構築まで(備忘録)190610 21:28:44

vagrantからDockerの構築までの流れをまとめておくための記事 //フォルダまで移動してから $ vagrant up しかしエラー発生 There was an error while executing `VBoxManage`, a CLI used by Vagrant for controlling VirtualBox. The command and stderr is…

rails cがエラーになった時の対処方法

rails cでエラー発生 開発環境 VS Code Rails 5.2.3 ruby 2.5.1 $ bundle exec rails c #エラー文 Running via Spring preloader in process 62552 色々調べてみた qiita.com Gemfile gem 'rb-readline' $ bundle install $ rails c Running via Spring prel…

【mysqlで文字コードをutf8にする設定】

【mysqlで文字コードをutf8にする設定】 mysql -u root -p mysql> show variables like "chara%"; $ sudo vi /etc/my.cnf [mysqld] ... character-set-server=utf8 #mysqldセクションの末尾に追加 [client] default-character-set=utf8 #clientセクションを…

Mysql 設定方法

190708 16:23:20 Mysql 設定方法 【状況】 ・アプリgit clone後 Mysqlのパスワードの設定 $ mysql -u root mysql> update user set authentication_string=password(“パスワード“) where user=‘root’; mysql> flush privileges; mysql> exit $ mysql -u root…

Cloud9 MySQLの設定でのトラブルと解決策

190708 16:54:17 url:https://qiita.com/emahiro/items/1a63d676be9fc4975759 $ bundle install →error An error occurred while installing mysql2 (0.5.2), and Bundler cannot continue. Make sure that `gem install mysql2 -v '0.5.2' --source 'https:…

Cloud9初回設定mysqlの導入で詰まった。

cloud9 mysqlの導入で詰まった。エラーとその解決方法 #cloud9ターミナル上 ssh接続の設定の後(詳しくは後述の記事を参考に) $ bundle install #error発生 An error occurred while installing mysql2 (0.5.2), and Bundler cannot continue. Make sure th…

cloud9 初回 ssh接続の設定方法

Cloud9でのssh接続でつまづいたので備忘録としてまとめました。 1 $ ssh-keygen 2 $ vi ~/.ssh/id_rsa.pub 3.全てコピー 4.トップページからiamに移動 1.ユーザー(画像1) 2.認証情報 3.sshパブリックのアップロード選択(画像2)→貼り付け 4.sshキーid自動…

よく使うHeroku コマンド

自分がよく使うHerokuコマンド、たまにしか使わないためほとんど覚えられないのでメモ書き程度にまとめる。 ログインとログアウト $ heroku login heroku: Press any key to open up the browser to login or q to exit: Opening browser to https://cli-aut…

mongoDBローカルでの実行方法

mongoDBローカルでの実行方法(備忘録)

keynoteでプレゼンを作りiphoneで操作するときの設定方法

【注意】今回はプログラミング関連ではありません!! keynoteでプレゼンを作りiphoneで操作するときの設定方法についてまとめました。

おすすめプログラミング学習サイトまとめ

自分がよく使うプログラミング学習サイトのまとめ

ドットインストール Firebaseのデプロイで詰まった話

firebase でデプロイに失敗。 起きたエラーとその解決方法のまとめ

【GAS】メルカリからの通知をLINEで確認できるようにする。(備忘録)

きっかけ 最近メルカリを始めた 売買などの通知は全て登録したメールアドレスに来る どうせなら1つのツールで管理したい 通知が来たらlineに送るようにしよう!! 手段 GASを使う 結論 使いこなせれば多くの業務の改善につながるため積極的に活用していきた…

CI ツールの使い方を知るためTravis CI使ってみた。

CI

きっかけ circle CI関連のイベントに参加するためCIの使いかた、導入方法を学ぶ必要があったため CircleCiを導入しようとしたが失敗 勉強するにあたり初めて知った言葉 ビルド→実際に動くプログラムを作り出す作業 導入方法について 導入方法はわかったがフ…

Sassの基礎

Sassとは? CSSをより効率的にかくことができる言語 SASS記法とSCSS記法の2つがある メリットは? CSSより記述を減らせる コードの再利用ができる 通常のCSS .header { width: 100%; } .header ul{ padding: 20px; } Sassの場合 .header{ width: 100%; ul{ p…

git command 備忘録

git

[感想] addコマンド、ステージングという概念で混乱した。 →desktopではステージングを自動的にやっていたので気づけなかった コマンドの場合は様々なオプションがある。正直、覚えることが多く学習コストが高い →主に使うものだけを記憶し慣れてきたら使う…