kojiokanoのブログ

コーディング業務で困ったところをまとめています。

git pull 時に、commitエディタが出ないようにする

勝手にatomが立ち上がって↓のようにコミットメッセージを入力しろという状態になることがあるのでその対処法

 

---------------------------------------------------------------------------------

Merge branch 'master' of github.com:bm-sms/kaigomedia-landingpage

gpage

# Please enter a commit message to explain why this merge is necessary,
# especially if it merges an updated upstream into a topic branch.
#
# Lines starting with '#' will be ignored, and an empty message aborts
# the commit.

 

---------------------------------------------------------------------------------

 

git pull --no-edit origin master

↑一旦これで解決

 

詳しくは↓

snickerjp.blogspot.jp

 

 

変更したくないファイルを間違ってaddした時の対処法

addしちゃったファイルを戻すコマンド↓

 

$ git reset HEAD app/hoge.html

 

これでOK

mac上でiphoneを起動してサイトのビューを確認してみよう

google chromeデベロッパーツールは便利ですが、iphoneの実機のsafariと表示が異なるところが多々あります。

macは使っているけどiphoneは持っていないとか、macもiphone7もあるけどiphone5の小さい画面での確認ができない、とかそういう場合の対処法になります。

まずmacxcodeをインストールしましょう。

あとは以下の通り、イメージとしてはmac上でiosをマウントしている感じでしょうか。

 

1. xcodeを立ち上げる。

2. 「xcode」→「open developer tool」→「simulator」でOK

 

あとはお好みの機種を選択すればiosが立ち上げsafariを起動すればiphoneと同じ表示でサイトの確認が取れます。

もともとアプリの開発向けのソフトなのでかなり正確に表示できてます。

※ちなみにホームボタンはないですがショートカットキー(shift+command+h)があるのでそれで対応しましょう。

github管理しているデータを修正しwordpressに反映させる方法(旧cp)

ターミナルで作業するディレクトリに移動し、masterに移動。

masterで直接編集作業をする。

-----------------------------------------------------------------------

テキスト編集作業方法

↓のコマンドをうちドッカーを走らす

docker-compose up

ブラウザで localhost:9000 を表示させ、wordpressを開く

ログインし→ダッシュボード→ツール→search regexへと行き編集したい文言を探す。

(search regexが入っていない場合はプラグインで検索してインストールする。)

編集したら「更新」ボタンを押し修正を反映させる。

次に ツール→

 

 

 

 

-----------------------------------------------------------------------

rails sが走らない時の対処法

↓のようなエラーが出ている場合

port 3000 (Errno::EADDRINUSE)

これは前回の作業でrailsが走っている状態でターミナルを終了し、表示はされていないが裏でport3000でrailsが接続されている状態になっている。
エラーは既にport 3000でrailsが接続されているので更にrails sをすることはできないことを意味している。

そこで↓のコマンドを打ちport 3000に接続しているものの一覧を表示させる

lsof -i :3000

接続一覧の中でPID(接続ID)の欄に4桁の数字が表示されるので、
その接続を↓のコマンドで切断する。(※部分にPIDの数字を入れる)

kill ※※※※

複数、接続されている場合は、かくPIDの接続を切断してやる

port 3000への接続がなくなれば新たにrails sで接続できるようになる。

ターミナルを落とす際にはrails の接続をcontrol+Cで切断するように心がけるとこのようなエラーが出なくなる。

mdlアイコンの使い方例

hamlのhead内で↓を読み込む

= stylesheet_link_tag "//cdnjs.cloudflare.com/ajax/libs/material-design-lite/1.2.1/material.min.css", 'data-turbolinks-track' => true
= stylesheet_link_tag "//fonts.googleapis.com/icon?family=Material+Icons", 'data-turbolinks-track' => true

----------------------------------------------------------------------------------

style.sassでアイコンを表示させたいクラスのbeforeかafterを指定する↓

 

&::before
  +vender(display, flex)
  align-items: center
  +material-icons
  content: 'navigate_next'
  font-size: 35px
  color: #fff
  +vender(transition, .2s)

------------------------------------------------------------------------------------

mixin.sassにmaterial-iconを使うためのコードを書く↓

 

=material-icons
font-family: 'Material Icons'
-webkit-font-smoothing: antialiased
text-rendering: optimizeLegibility
-moz-osx-font-smoothing: grayscale
font-feature-settings: 'liga'

 

mdlボタン使い方例(haml)

%button.mdl-button.mdl-js-button.mdl-button--raised
  MDLボタンテスト