Macで画面分割できるアプリ「ShiftIt」が神がかっているのでご紹介。超今更感あるかもだけど。自分がわりと半年前くらいにやっと使い始めたもんで。 github.com Macの画面分割って標準だとSplitViewがあるけど、フルスクリーンになっちゃってメニューバーと…

ドットインストールのCakePHP3レッスンにお世話になり始めて2日目。 基礎を学びつつ、応用して簡易あいまい検索機能（GET送信）を作りました。ブログを想定。タイトルにでも本文にでも検索ワードが含まれていれば該当記事がヒットする仕様。 # PostsControll…

これまでRailsを独学してましたが、業務でCakePHP3を触ることになったのでドットインストールにお世話になった1日目。 大前提の知識として大事だったこととして、CakePHPでは、Controller内で受け取ったデータをViewに渡す処理を書かなければいけないという…

Rubyの個人練習で、英単語しりとりができる超簡単なプログラムを書いた。 以下、簡単な説明付きでコード晒します。色々雑なので要注意。 def game(word) array = ['elephant', 'eggplant', 'reader', 'real', 'station', 'small', 'link', 'lion', 'tiny', '…

開発環境で投稿の削除テストを繰り返したりやなんかしていると、データベースのレコードのIDが歯抜け状態になってくる。別にそのままでもいいんだけど、なんらかの理由でIDリセット（1から振り直す）したい時のSQLメモ。 ググると「一旦IDカラムを削除してか…

開発中、ルーティングのネストしたりしててパスやヘルパーが訳わからなくなってしまった時とか、単純にルーティング一覧を見たい時に使える裏技のようなもの。 方法はとても簡単。開発中のアプリで絶対に存在しないようなURLにわざとアクセスしましょう。loc…

ルーティングする際にかっこつけてresources使うけど、ネストとかしていくうちにprefixもURI patternも段々わけ分からなくなってくる私。毎回ググるのももう疲れたので自分でまとめることにした。似たような人がもし存在するのならばそんな人の役にも多分立…

投稿詳細ページの下部に、その投稿へのコメント欄を作っていた時。 posts/show.html.erbからcomments#createを呼び出して、保存成功なら再度posts/show.html.erbにredirect、保存失敗ならrenderをさせようとして結構ハマった。 次のように書くとrenderした時…

現象 フォームのバリデーションエラーで入力画面に戻った時になぜかレイアウトが崩れてしまう。 原因 エラーが出ると、そのエラーが出ている部分の要素がdivで囲まれてしまうからなんだそうな。 <div class="field_with_errors">フィールド</div> エラーが出ると勝手にこのdivが出現する。 回避方…

コントローラー系とモデル系の作成コマンドと書き方に関して、日頃自分が知りたいと思い都度ググっている情報を全部まとめた。（オプション系は省略）似たような誰かのためにもなったら嬉しい。 コントローラー系 コントローラーとビューの作成 コントローラ…

開発時に思った通りのJSONがきちんと返ってきているか確認したい時がチラホラあると思う。でもJSONって見にくい...。そんな時に便利なJSON整形ツール。 tm-webtools.com ボタンひとつでこれ↓が [{"id": 1,"user_id": 1,"tweet": "テストだよ","created_at": …

昨日まで普通に動いていたDockerコンテナが突然起動しなくなった時など、焦ってとりあえずイメージ削除＆再起動とかしてしまうけど（私だけ？）、その前に立ち上がらない原因をちゃんと突き止めよう、というお話。ついつい焦りが生じてしまって忘れがちなの…

個人練習でTwitterもどきを作っていた時に、リレーションを張った2つのテーブル（TweetsテーブルとUsersテーブル）のJSONをまとめて取得したい時があった。一度知ってしまえば記述はシンプルなのに、最初は調べてもなぜかすぐにはヒットしなかったので、まと…

.gitignoreに何を追加したらいいか迷った時にググっていたら、素晴らしい.gitignoreテンプレなるものを発見した。 github.com リポジトリルートの.gitignoreを差し替えるだけ。 自分の言語/環境に合わせて使おう！

Reactの個人練習で、ボタンクリックで表示される名前が切り替わるだけの超シンプルなプログラムを作った。 以下、簡単な説明付きでコード晒します。 class Test extends React.Component { constructor() { super(); this.state = { click: false // ボタン…