アクセスできるようになります。使って作ってるアプリをスマホやタブレットの実機を使って動作確認をしたくなるときがあります。アドレスを調べ方をメモ。いうオプションを付けます。ifconfigドバーっと文字が出てきます。その中から「192.168.xx.xx」という数字を探します。ブロックにその数字があります(機種によって異なります)。画像が表示されてるはず。IPアドレスが表示されます。システム環境設定から調べる方法があります。システム環境設定システム環境設定を開いて、「ネットワーク」を選択。アドレスが表示されています。ように、ページの途中にリンクを貼る方法をよく忘れるのでメモ。フレームワークを一新したりなど、全体に影響する大きい変更があった場合は、社内のインターンの方にデザイン崩れがないかを目視で確認をお願いすることがたまにあります。登録してもらってるのですが、こういうデザイン崩れなど「見た目」についての報告をしてもらう際に、文章だけで報告されるとつらい。報告をされたほうは「どこのことを言ってるんだろう?」ってなります。該当箇所の画像(必要であれば、画像の中の該当箇所に矢印などのマークを入れる)それが起きているページのURL必要であれば文章も(例えば、ログインしていて投稿が0の場合、などそれが起こる条件など)をセットで報告してね、と言ってるのですが、毎回言うのも面倒なので、言う代わりにペッとURLを貼り付けるだけで済まそうと思って、こちらのブログに書くことにしました。ダメな報告の例これだとどこのページのことを言ってるのか、どのアイコンのことを言ってるのか全然わからないですね。「これってどこのこと?それが起きてる画面を見せて教えてー」なんてやりとりをしてたら報告する側も、報告される側もお互いに無駄に時間がかかってしまいます。それに「なんか変です。」って、そんな文章を付けるんだったら書いてないのと同じ、いや、むしろ読んでも何の足しにもならない文章を書いた、読んだ時間だけ無駄です。アプリは「一覧ページ」、「個別ページ」があります。怖話でいったら、怖い話の一覧ページと怖い話の個別ページがあります。「怖い話の」より、「怖い話の一覧ページの」、「怖い話の個別ページの」まで書いてくれるとわかりやすいです。いい報告の例ここまで丁寧に書いてくれると報告されたほうも助かります。画像を貼るのってすごく簡単だから大丈夫。キーを同時に押します。すると、マウスカーソルが「+」に変わります。キャプチャを撮りたい部分を選択マウスカーソルが「+」に変わったのを確認してから、画像として貼りたい箇所でマウスやトラックボードのボタンを押し、押した状態をキープしたままカーソルを引っ張って囲います。ボタンから指を離すと「パシャ」っとカメラのシャッター音が鳴ります。すると、クリップボード(一時的にデータを保存できる共有のメモリ領域)に選択したキャプチャが画像として保存されます。「今、画像をアップロードしてるところだよ」と言ってますね。markdown記法での画像表示のマークアップに変わります。先ほどのはキャプチャを貼るだけでしたが、場合によっては、キャプチャ内のこの部分を示したいときもあります。貼るとわかりやすくなります。いうツールをインストール。アカウントでログインを求められます。新規ユーザ」から登録をします。アカウントを持っていたら、「既にアカウントを持っている場合」からそのアカウントでログインをします。使えるのでお金はかかりません(2016年7月9日現在)。このような画面になります。画面の上部にある「画面キャプチャ」ボタンをクリック。すると、画面にオーバーレイがかかって、カーソルが「+」になります。ときと同じように画像として貼りたい箇所でマウスやトラックボードのボタンを押し、押した状態をキープしたままカーソルを引っ張って囲い、ボタンを離します。画面の左にあるツールを使ってキャプチャに矢印や文字を書き込みます。画面の下にある「PNG」と書いてあるファイルの絵のアイコンの上でマウス、トラックパッドのボタンを押します。画面の枠がなくなり、キャプチャの部分が小さくなります。テキストエリアまで持ってきて、ボタンから指を離すと、画像のアップロードが始まります。タグが書き出されますが、問題なく画像が貼り付けられます。貼れるようになりました。貼る方法サイト内の動く部分を人に伝えるときは動画を使うと便利。JavaScriptを使って動くところの動きの不具合や、クリックなどアクションをした後に起きる不具合などは、それを再現させる動作を動画で伝えたほうがわかりやすいです。いうツールをインストールします。https://gyazo.com/ja「今すぐGyazoをはじめる」をクリック。「簡易版」の「ダウンロード」をクリック。GIF」という2つのアプリのインストール方法が表示されます。GIF」をインストールします。これで、キャプチャ動画を撮る準備ができました。GIF」のほうを立ちあげます。すると、画面にオーバーレイがかかって、カーソルが「+」になります。キャプチャ動画を撮りたい箇所でマウスやトラックボードのボタンを押し、押した状態をキープしたままカーソルを引っ張って囲い、ボタンを離します。ボタンを話すと録画が始まりますので、画面を操作して動かします。マウスのカーソルも録画されます。最長7秒間録画することができます。録画が始まると3つのボタンと横棒が表示されるので、それらの操作方法も載せておきます。サーバにアップロードされると、こういうページがブラウザで表示されます。貼り付けるこのページのキャプチャ動画の上で右クリックをし、「名前を付けて画像を保存」を選択します(ブラウザはChrome)。画像をMacに保存します。テキストエリアの上に持って行って指を離す)。画像のアップロードが始まって、しばらく待つとアップロードが完了します。テキストエリアの上にある、「Write」、「Preview」のタブの「Preview」をクリックしてプレビューを見てみます。動画によっては表示されるのに時間がかかるときがありますが、少し待ってちゃんと動画が貼り付けられてるのが確認できたら動画貼り付け完了。普段、僕はsass記法を使っています。Emacs」みたいなややこしいことになりそうなので、ここであまり多くを書かないですが、僕はsass記法派というより、なんでscss記法があるのかわからない派、ってくらい圧倒的sass記法派。sass記法の方が短く書けるし、見やすいし、誰が書いてもスペースやインデントは同じになるし....。変換したくなるときがたまにあります。scss記法で書かれたCSSフレームワークのコードを読むときに、sass記法の方が慣れてるから読みやすいので変換したりなど。変換することができるんだけど、ブラウザで見てるGithub上のコードなんかをいちいちローカルに持ってきて変換するのは面倒。ブラウザからそれを出来るWebサービスはないかなぁ、と探していたところ、ブラウザ上でSassをCSSに変換できるサービス、SassMeisterで出来ました。変換するってのはイレギュラーな使い方なのですが、便利なのでその手順を紹介。