Kのプログラミング勉強ブログ

プログラミング勉強中のKです。できるだけ簡潔に、勉強したことをブログに載せていこうと思います。

【雑談】iPhone(iOS9)で無料で広告を消す方法!

iPhone6s販売時にリリースされた、iOS9から搭載された広告ブロック機能。 つまりは広告を非表示にしてしまう(消す)っていうことです。ただ「使い方がわからない…」「お金がかかってしまうんではないか…」 そんな方へ!ここでは無料で利用できる方法を教えた…

【heroku】postgresqlのDBにアクセスする

アクセス heroku pg:psql 終了 ¥qメモメモ。

【heroku】出力されるログを見たい

要するに、これだけ。 heroku logs --tailこれで出力されるログが随時コマンドに更新される。メモメモ。

【雑談】iPhone 6s / 6s Plusは結局どこで買うのがお得か?料金比較を真剣にしてみた。

iPhone 6s / 6s Plusは結局どこで購入するのがお得なのか? 他のページだと、情報がいっぱい載り過ぎててわけがわからんかった… なのでキャリア比較の価格をシンプルに!!まずは機種変更の場合の負担額から。 【機種変更】iPhone6s(64GBの場合) DoCoMo Soft…

【Sass】Sassファイルの変更内容をcssファイルに自動更新させたい

Sassファイルは便利だけど、いちいちコンパイルしなければ画面内容を見れないのがしんどいですよね。そんな時に役にたつのが、自動更新してくれるコマンド sass --watch test.scss:test.css これでずっと自動更新しつづけてくれる。例えばtest.scssを更新す…

【Sass】CSSファイルの最後の改行を付ける方法

現状、sassファイル(test.scss)を以下のコマンドでコンパイルすると 以下のように最後の「 } 」の前の改行がなくなってしまう。 $ sass test.scss:test.csstest.css ul li { font-size: 15px; } この改行を付けるためには、以下のコマンドにすればいい。 $ s…

【Sass】Sassとは?CSSをより美しく書く。(使い方編)

【導入】 Sassファイルとは、CSSの拡張ファイルです。 例えば、以下の様な記法をすることができます。test.scss .test { p { font-size:15px; } } これはCSSでいう、以下の記述と同じです。 .test p { font-size: 15px; } 例えば、こんな書き方ができると 「…

【SublimeText】複数ファイルを表示させながら作業したい

例えばHTMLとCSSを同時に編集する時、同時に見ていたいですよね。こんな時にもSublime Textなら解決できます。例えば2ファイルをみたい時には、以下のコマンド。Command + Option + 2 例えばCSSファイルを右にしたければ、あとは右にタブをドラック&ドロップ…

【SublimeText】スニペットを使ってテンプレートを呼び出す

いっつも入力する様な当たり前の表記。例えばHTMLの <html> <head> <title></title> </head> <body> </body> </html> のくだり。書くの面倒くさいですよね。これがスニペットを使うと解消されます。 ① Command + Shift + P でコマンドパレットを呼び出します。 ② ここに「snippet html」と打ってみましょう。 ③そし…

【Sublime Text】ショートカットキーを覚えたい!(コマンドパレット)

SublimeTextって便利ですけど、機能が色々あり過ぎて覚えられないですよね…でも色々知って、より有効に使いたい! でもキャッチアップする時間をまるまる取るのは御免!そんな人(私とかw)のためにあるのがコマンドパレットです。Command + Shift + P例えば以…

【Sublime Text】同じ文字列を一括編集する方法

以下のテキスト中で「test」⇨「hogehoge」と変換していきます。(Mac版) ① Command + F で検索画面にし(下部に検索機能が出力されます)、「test」と入力します。 ②「Find All」を押下すると、testの部分すべてにカーソルがあたります。 ③あとはタイピングして…

【Sublime Text】エディターの背景色を変えたい

基本設定(n) > カラースキーマ から設定できる模様。英語だと以下の様です。 Settings(n) > Color Schemeメモメモ。

【Linux】pngquantをLinuxサーバー等にインストールする方法

pngquantについてはこちらを参照。https://pngquant.org/ http://nukesaq88.hatenablog.com/entry/2013/04/16/194251以下の様なコマンドで、pngファイル等を圧縮することができる。 $ pngquant hoge.pngサーバーには以下の様な方法でインストールすることが…

【Ruby on Rails】productionモードのrake route(ルーティング)を見たい

$ rake routes RAILS_ENV=productionでサーバー用(productionモード)のルーティングが見れる。もちろん、envで切り替えをしている場合には、他のルーティングを見ることもできる。 $ rake routes RAILS_ENV=development $ rake routes RAILS_ENV=test $ rake…

【CSS】スマホでタップした時にグレイになるのをなくしたい。

「-webkit-tap-highlight-color」というプロパティを利用するという話。 a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } これで、タップした際にグレイにはならなくなる。webkitという名前から、Androidでは効かないのでは?と思うが、普通に効いて…

【Ruby】「||=」の意味

a ||= [] という構文があり、困惑してしまった。これはつまりはこういうことらしい。 if a != nil a = a else a = [] end 三項演算子的な書き方をもっと省略している感じ。ちなみにこんな書き方もできる。 a = a || [] メモメモ。

【JQuery】appendした要素を操作する

例えば以下の様にappendした要素からwidthを取得しようとすると、 取得できる時とできない時がある。 var test = $('<div id="test"></div>'); $('body').append(test); console.log(test.width()); これはappendした要素のロードは非同期で行われていることが原因。そうなると、…

【Javascript】「参照渡し」「値渡し」について

Javascriptの「参照渡し」「値渡し」についてまとめてみた。数値型とかオブジェクト型とか、今までごっちゃになってつかってたけど、今後はちゃんと使いわけよう。 結論 プリミティブ型 ⇨ 値渡し オブジェクト型 ⇨ 参照渡し プリミティブ型(基本型) 文字列型…

【Ruby on Rails】railsでpgがインストールできないできない

postgreSQLをDBにしたrailsアプリケーションで $ bundle install エラー文はこれ An error occurred while installing pg (0.18.2), and Bundler cannot continue. Make sure that `gem install pg -v '0.18.2'` succeeds before bundling. とりあえず指示に…

【HTML】「id」と「class」の本当の差

よく「idは1つしかない」「classは複数存在する」って書かれてる。 「じゃあ1つだった場合ってclassでいいんじゃない?気付かないで2つ目書いた場合は、どっちにしろ何かしら上手く動かなくなるんだしさ」 って思って調べてみた。 idも意味あるんだ。参考に…

【CSS】positionの「absolute」「relative」「fixed」の本当の意味

この間初めて知ったのでメモしときます。 参考になれば使ってください。 static 初期設定がこれ。特に配置方法が指定されないので、ブラウザごとの配置方法に依存する。 ※ この値のときには、top、bottom、left、rightは適用されない。 absolute 一番近い、s…