読者です 読者をやめる 読者になる 読者になる

頭の中は異空間

生活を日々ハックしてよりよくするブログ

シンプルなモノづくりのために心がけようと思うこと

ヘルプを必要としない 表示する物が少ない コード量を減らす ページを小さくする 一言で言えば、簡素なモノづくり、つまり機能が必要最小限で操作方法がわかりやすいということだと思います。 更にそれを掘り進めて、じゃあ作っているうちに気づいたらあれも…

SF好きにお勧めするアニメ

どうも。 仕事一辺倒ではきついのでちょっと一息ついてアニメでも観ようと思ったので、せっかくなのでお勧めできるハイクオリティだと思うアニメを列挙してみます。 SF好きだし、SFを。 ネタバレにならない程度には解説を入れてみました。あらすじはググるべ…

Railsアプリ作成のために便利なコマンドを自作しよう

どうも。 複数のサービスを運用するようになったらunicornのstart, stopを毎回コマンド1つずつ打つのも面倒でしょうから、予めコマンドを登録しておいて一発ですべて起動/停止出来るようにしたほうが楽じゃね?ということで、実際に作りました。 下記を参考…

複数のRailsアプリを同一サーバ上で動かす方法

前回書いたRailsの記事では単一Railsアプリを単一のサーバ上で動かす想定でした。 しかし小さいサービスとか機能であれば複数を同一サーバ上で動かしたほうがリソース上効率が良いはず。 というわけで、Railsアプリを同時にunicorn + nginx環境で動作させる…

ヘルシープログラマに学ぶ、健康的なハッカーライフ

など、大々的なタイトルですが中身は至って単純! 日頃からどうやってより健康的に健全に生きるか、を追求しているとSEという職種はとかく不健康になりがちで、製作はしたいけどPCの前に座っている時間が短いとなんとなく不安になってくるので、どうしたらパ…

技術書買う時に心がけてて良かったこと

どうも。 技術書、参考書を買う時に迷うことが多いので自分なりのルールを決めました。 小説とかと違って値段結構するし、重たいのが多い。買って後悔しないために、守って良かった俺ルールを書きます。 これぞバイブル 段階にあった本を買う 必要な時に買う…

熱くなれる作業用BGM集(inst only)

どうも。 作業したいけどどうしても音楽がないとダメって人やカフェで待ち合わせがあるけど周りの無駄話という名の騒音でうるさい、近くで工事してて迷惑、などどいう場合に、熱くなって自分の世界に完全に入り浸りたい時に使えるであろうインストをまとめて…

【CSS, JavaScript】ちょっとしたネタや知ってると便利な知識

どうも。 知っておくことでちょっとした落とし穴を回避出来そうな知識と少しだけ便利なテクニックをば。 divの中身を敷き詰める JSのイベント発火 イベントを登録してそれを発火させるとき、普通はクリックしたら~とかマウスオーバーしたら~という条件で発…

JSっぽい挙動をCSSだけで表現 - チェックボックス、ラジオボタン

HTMLとCSSのみで便利な挙動と見た目を作ってみました。 比較的よく使うフォームの一部をCSSで装飾してやることによって、よりスタイリッシュさを出します。大事なことは、JSを一切利用していないこと。つまり、バグで動作しないリスクがないということです。…

html動的編集後の要素にイベント追加するには

どうも。 JavaScript(以降JS)でappend, prepend, after, before等でhtml要素を動的に追加/削除した場合に、その変更後要素に対してイベントを追加する時に困ることがあると思います。ajaxなんかもそうですね。 コード上はどう考えても動くはずなのに、どうな…

朝寝坊、遅刻と物忘れ対策に効果あったこと

どうも。 朝寝坊とやり忘れというか物忘れが結構あることに気づいて、早めに対策しないといけない。ということで、これやったら効果あった、悪い癖が抜けたっていう点を書き出してみます。どっちも自分を過信しないことが大事なんだなと、繰り返しミスして気…

PC修理 | 復活までの道程

どうも。 ここ最近、デスクトップPCがイカれたことで修理が必要になったので、修理までの道程をまとめます。 どどど童貞ちゃうわ!! 今回はBIOS異常がなく、立ち上げること自体はできる状態だったのでまだ救いようがあって、業者に修理に出さずにすみました…

Google Apps Scriptを用いてもっと便利にmail管理しよう

GoogleドキュメントをはじめとするオンラインサービスによってOffice製品ばりの機能を利用できるのは有名ですが、それをさらに便利に使いこなす機能があったことを最近知りました。 Google Apps Script(GAS)によってスクリプト形式で、エクセルでいうマクロ…

難しいこと考えずに見れる一昔前の映画

最近映画を観てなくて、久しぶりに少し昔のをツタヤでまとめて借りて観ようと思ったので、ついでに帰宅後くたくたな状態でも観れる映画をいくつかピックアップしてみました。 最近のはよく知らないため、載せません。。 別に批評したいわけではなくて、簡単…

健康に対する知識の乱立について語ってみる

どうも。 筋トレとか減量とかするにあたって超大事だと思うこと、学んだことについて、まとめがてらにちょこっと触れてみます。 結局は、基本が最適解 まず一番大事なことをまとめます。 私が一番良く見るサイトがここ。 athletebody.jp ここの記事をいくつ…

一度書いた記事は何度も見直したほうが絶対良いっていう話

どうも。 もう半年くらい記事を書き続けていて、その都度やっぱり一度で自分でも納得いく記事を書くのは難しいというのと、考えながら書いていたつもりが途中結構ハチャメチャな文章を書いていることが多いということに気づきました。 どうハチャメチャかと…

GITでのバージョン管理 - これらを知っときゃ開発は問題ない

GIT

どうも。 GITを使って個人でも職場でも開発をしているのですが、どうもよくわからんコマンドが多くて困る、という人はいると思うので、特にこれさえ知っておけば基本困ることはないっていう基本セットをまとめてみようと思います。 書いてたらちょっと多いな…

本はまとまった時間で読んだ方がいいと思うワケ

どうも。 電車の移動時間とか何かの待ち時間に、かばんに常に本が入っていると何かと便利です。小説とかビジネス書なんかはこうやって一気に読むことが出来ました。 ただ、細切れの時間で読まないほうが絶対良いとも気づいたので、そのことを軽く語りますw …

今週のお題「わたしの本棚」

どうも。 引越しに伴って本棚を整理したので、ざっくりと残っている本に関して書いてみます。 本は整理が大変 調子に乗って本を買いすぎると、すぐに本棚が溢れて整理しきれなくなります。ということで、残す本については、簡単に下記に分けました。 何度も…

何度も引っ越しがあってもスムーズに終わらせるための工夫

どうも。 最近千葉に引っ越して片付けもあらかた終わってきたので、ここまでに何度も引っ越しを経験した身として、スムーズにこの面倒な片付け、荷造りを済ませるためのポイントをまとめてみます。 ダンボールは友達 無印良品とかイケアとかの収納ケースを使…

既存コードを過信しないこと!

どうも。 大量の既存コードを読むのが日常のコーダーにとって、既存コードが諸刃の剣になりうるっていうことを改めて痛感しました。 その既存コード、本当に大丈夫? そのコードは、実は未使用だったりしないか?実はバグってるけど優先度が低いから放置され…

エンジニアとしてのキャリアプランについて考えてみたこと

どうも。 社会人歴、今年でもう6年目になります。大手企業なら中堅どころって感じでしょうか。 あっという間に数年が経ってしまったものの、過去の自分が目指していた姿とは程遠いなと思うと、ちょっと焦りを覚える。 しかし別にキャリアプランを考えていな…

JSをふんだんに使ったサイトを構築する際の注意点

どうも。 ES6の時代がもうそろそろやってきますね〜。 JSも進化してるってことでしょうけど、そもそもJSなんて多用すべきじゃないって意見もあるし、使い所が正直かなり難しい言語だなと個人的にも思います。これから独自でホームページを立てようとしている…

片手間でサービス開発に集中できる場所を探すということ+α

どうも。 自分のサービス開発を集中してやるために、場所選びが非常に重要ということで、少し私の当初の予定とずれて来月から本格的に開発をやるために(実際にはもう始めているんだけど)環境を変えることをしてみようと思います。 もう下見はしてきたので決…

ライブラリを組み込むべきかどうかの判断基準について

どうも。 便利だけど学習コストが気になるライブラリ、調べれば調べるほどたくさん出てきます。これだけ多くいろんな人が作ってくれたのかと思うと便利だし使いたくなってくるんだけど、実際組み込んでみてから実は自分のサービスに不都合だったり、ちょっと…

何でも一から作ってみるのも選択肢だっていう話

どうも。 便利なフレームワークやツールが溢れてきて、何か作りたいと思ったら社内システムだろうがwebアプリ、スマホアプリだろうがゲームだろうがロボットだろうが自分一人でも知識さえあれば作れてしまう時代だな〜とつくづく思います。ただ、実際には1か…

新しいgemを入れる(+Ruby Version Upgrade)時に気をつけること

どうも。 Railsで様々なgemを追加する機会がありますが、その度に依存性に困らされた経験を持つ人は多いと思います。自分もその一人で、何度も都度調べるのも面倒だと思ったので覚書として手順とそれぞれの役割を簡単にまとめます。 Gemfile修正 bundle inst…

【コーディング】初学者がやりがちだと思う過ち

どうも。 開発を始めたばかりの初学者や学生、研修上がりでまだ慣れていない新卒のエンジニアたちの多くがやりがちだと思うポイントを、自分の経験も交えてまとめてみました。 最初は作るだけ作って、後でまとめてリファクタリング 昔のコードを保守開発する…

無駄な苦労は引き継ぐなの巻

どうも。 やってきました無駄なルール化。 組織が出来てくるとどうしても、みんなを縛り付けたがる人が必ず出てくる。有害ではないでしょうか。。 何か障害が起こると、それが大したことでなくても大事に捉え、余計で窮屈でしかないルールを追加する。そして…

Rails環境構築のおさらい - 基礎の基礎(Unicorn + Nginx)

どうも。 今月から真剣にwebサービス作りに励むため、今までおろそかにしてきたRailsの環境構築、つまりサーバの設定とかインフラチックな部分を学習し直しました。今はMacBook Air上で暫定的に動かしてますが、今後はたぶん、定番?のさくらVPS上に構築する…

JSで外部CSVをドラッグ&ドロップして中身をいじるロジック

どうも。 自分の練習用&ライブラリ増強のために掲題のJSを書いてみました。 JSでファイル読み込みなんてしないな〜と思いつつも、あったらいつか便利な時が来るかも!なんて気持ちもあったので作ってみました。 ここではドラッグ&ドロップでファイル読み込み…

資格などの”試験”の点なんて気にするな

どうも。 世の中の資格という資格はことごとく点数で合否が決まり、1点でも足りなければアウト、という分かりやすい判断がされています。これ、もううんざり。 最近やったスキル診断もそうだけど、結局これって役にたつの?っていうところ。その試験に受かっ…

デスクワーカーほど筋トレに励んだほうが良い訳

どうも。 SEや事務、営業などデスクワークがどうしても発生する職業では姿勢の良し悪しが前面に出てきます。そして職業病となる肩こり、目の痛み、腰痛...これらはどれも予防できるしむしろしないと危険なものばかり。でもこういうのを意識して改善しようと…

”痩せる”ということについて考えてみる - ダイエットに失敗する原因など

どうも。 ラーメンの日が連続して少し肉が乗ってきたように思えてて、ふとそろそろ減量(ダイエット)するかな、とか思えてきました('A`)太るのは簡単でも、痩せるとなるとそうはいかない('A`) そもそも、痩せるってなんだろうって思うわけですね。 一般的には…

JS, CSSでクリックしてラベル選択を書いてみた

どうも。 UIの一つとして使える、クリックしてラベル付けをする挙動をJS, CSSを用いて実装してみました。jQueryで書いててネイティブに起こすのは大変なのではてぶ上では実装してませんが、codepenとかですぐ試せるはずなのでお試しあれ。 HTML <div class="wrapper"> <div class="contents"> <div class="panel_area" id="panel_upper"><ul class="proposed"></ul></div> <div id="panel_lower"> <ul class="proposed"> <li></li></ul></div></div></div>

はてなブログ上でJS, CSSコーディングする手順と一工夫!!

どうも。 前回に引き続き、はてなブログ上でコーディングする場合のやり方に触れつつ、テンプレ的にこれから私個人としても使いそうなデザインをメモっておきます。 おさらい 記事全体に共通のデザインを当てたい場合 個別の記事にスタイルを当てるには? 簡…

はてなブログ上でコーディングするときの注意点!!

どうも。 ここは隠れている 時々、ただ記事を書くだけじゃなくて遊ぶ心を持たせるために、また個人的なスキルチェック(?)のために記事を書きつつスタイルやJSをいじっていました。 同じ内容でも色を変えたり見出しを強調したり、文字をマウスオーバーさせた…

健康でいるためには結局金がかかる説

どうも。 食事が楽しみの大部分を占めるようになってから色々な身近な食品、料理メニュー(主にc○○kpad)を見てきました。時にはテキトーなコンビニ食とか外食で済ませるのもいいんだけど、飲酒とか喫煙、ジャンクフードはやっぱり避けた方がいい。 安かろう悪…

入社後は自分用Wikiを作ったほうが良い理由

どうも。 自分用Wikiってなんだ?となるので簡単に書くと、普段の業務を円滑に進めるためのオリジナルメモのつもりで使います。 特にIT系のようなPCを使う仕事内容に当てはまりますが、例えば必要な権限が何で、誰が何を知ってて、このサービスの仕様がどこ…

ふと今までの自分を思い返す瞬間と、最近思うこと

どうも。 メンタルが下向きになって落ち込んでる時ほど、とてつもない不安に襲われたりとかします。 歯医者の前の時間とか、苦手な奴と会う前の時間とか、大事な試験前の時間、納期前のデスマーチを迎える前日or真っ最中の日々etc 中には、日曜の夜に朝が来…

食事改善を成功させるためのステップ

どうも。 ジャンクフード含む病的な食事から健康的でキレッキレな体を作るために必要な食事に段々と近づけているわけですが、それをやり続けてきた結果、周りから健康オタク的な扱いを受けております。想定通りです。 でも個人的には別に普通じゃね?なんて…

生活習慣改善のために私が読んで良かったと思う本

どうも。 ボディメイクや食事改善について今までに読んできた書籍の中で、 取り組みやすさ(コスト、時間、場所的に) 本自体の価格(そもそも本気で取り組むのであれば、本代なんて気にならないはずですが) 読みやすさ(あまり専門的な用語が並ぶと、わかりづら…

実家に帰る時期をずらすのは利口だっていう話

どうも。 そろそろGWも終わりに近づいてきて、鬱になっている人が多いであろう中、悠々と休みを取ってみる。これは中々に楽しいw というのは冗談として、実際に周りの休みに合わせる必要は必ずしもあるわけじゃ無い、ということが言いたいです。 盆や正月、G…

筋肉痛の時ほど、トレーニングの効果が実感できる!

どうも。 筋肉痛、きついです(´・ω・`) 毎日のようにどこかしらはパンプしてるから筋肉痛も一緒についてきてて、今は広背筋というか前鋸筋の少し後ろ側というか…上腕三頭筋に効かせようとしたら変なところが痛くなっちゃいましたw 失敗かと思ったけどこんな時…

さてGWの過ごし方について書くか。

どうも。 今週のお題「ゴールデンウィーク2016」 ということで、いつの間にやらそんな時期が到来してましたよと(;´Д`) 旅行も映画もゲームも封印してひたすらアブローラー! というのはさすがに冗談だけど、この期間に朝はしっかり寝たいwそれと料理は少し…

食事メニューの見直しについて - コンビニ食も追加!

どうも。 ここ最近、少しカーボの取り方が酷くなってきた様に感じるから、見直しの時期が来ました。 最近筋肉Youtuberの動画をよく見る様になってから新たに知識を取り入れて、日々のプログラムに活かすようにしてますが、そこで良いものが紹介されてて、そ…

ブログを書く理由

どうも。 このブログも書き始めてから早4ヶ月。途中まではほぼほぼ毎日書いていたけど、最近は少し停滞気味。ネタがなくなってきたからかな? ともかく、私がブログを書き始めたのは、大した理由ではなくて今まで思ってたけど頭の中にためていていつの間にか…

JSでmaxlength, スクロールメニューの挙動を実装

どうも。 JSで、HTML5の便利機能maxlengthを指定できるようにしました。でもクロスブラウザの対応すると、一部というか古いIEだと対応してなくて設定しても意味ねーし!ってことになることもあるでしょう。いい加減最新版使えよ、って思うところですがしっか…

安上がりで済む製品でお勧め紹介!

どうも。 スーパーなどで買うことができる商品で、値段的に手軽に買えて食い易く変なものが入っていないであろう商品をまた紹介します! グラノーラ フルグラではなくフレークのみ。シリアルフレークでなく、麦のフレークです。コーンスターチ無し。値段は30…

糖質制限の改善について考えてみる - 減量に向けて

どうも。 最近流行りの糖質制限ダイエットでは糖質つまり炭水化物の摂取量を減らすことが重要視され、白米やバナナ、その他甘いもの全般が悪役を徹しないといけない状況です。でも、私の愛用するサイトAthletebodyに最近うpされた記事に載っている情報を見て…