青空コメントアウト

WEBのこと、デザインのこと、ご飯のこと、趣味のこと。青空の向こうの誰かに届きますように。

プライドに振り回されて疲れてしまった自分へ

f:id:cocoro27:20170927192252j:plain

プライドには2種類あるんじゃないかと最近気づいた。

一つは自己満足型

自分の出した成果や結果に対して持つ自尊心だったり、他人の言動に関わらず自分自身の評価軸において認められるものだったり、そういう類のものを持っていることが自己満足型のプライドだ。

たとえばエンジニアなら「これだけユーザーのことを思って、これだけ細部まで気遣いの行き届いた、すごいものを作ったんだ」というプライドがこれに該当する。一般的に「プライドを持つのは良いこと」といった話をするときに想定される「プライド」とは自己満足型のことだと思う。よくアスリートなんかが持っていてかっこいいと言われるようなプライドもこれだと思うし、ストイックさもこれに起因しているのかもしれない。



もう一つは比較型

あの人より自分のほうが優れている、という誰かとの比較から生まれるプライド。悪い意味で使われるときの「自尊心」という言葉の意味に似ている。また、悪い意味で「プライドが高い」と言われる人が持っているのがコレなのかもしれない。

エンジニアの例で言えば「あの人より自分のほうが優秀なエンジニアだ」と思うことだ。結果や成果に対してではなく、人と人で比べて自分のほうが上だと思い込むことで生まれる。そして一度自分より下だと評価した相手のことを、以降過少評価し続ける。



ここまでで十分わかるように、後者の比較型のプライドがとても厄介だ。誰かを否定することと同義だからだ。プライドを保っている間ずっと誰かを見下している。そのせいで自分の悪い結果やプロセスを見直す機会を失うことになるだろうし、素直に教えを乞うことができないだろうし、ろくなことがない。

周囲の人からしても、このようなプライドを持つ人は「人の助言を聞かない人」「相手によって態度を変える人」と見えることがあるだろうし、直接関わる人からしたら更に嫌な気持ちになるだろうから、やはりろくなことがない。



……と分かっていても、気づかぬうちに比較型のプライドを持ってしまうのが人間だ(もちろんこんな醜いものを持たずに生きている素敵な人もいるはずだ)。
そういうプライドを気づかぬうちに持って疲弊したことが何度もあるし、そういうプライドを持っている人を軽蔑したことも何度もある。いずれの場合にも言えることは、すごく疲れるということだ。精神的に。

だからそんな疲れから少しでも解放されたくて、プライドというものについて考え直してみた。そして2種類あることに気づけた。
気づいてしまうと、自分が誰かを蔑んでプライドを保とうとしたときに「ああ、また比較型になってきてるな、やめよう」と冷静に対処できた。他人が比較型のプライドを持っているのに気づいてしまったときも同様だった。意味の分からない負の感情に振り回されると疲れるが、正体が暴かれた負の感情に対しては対処できる。それに気づけただけでも、小さな成長をしたのだと僅かばかりに自分を評価してもいいんじゃなかろうか。自己満足型のプライドの第一歩として。

Macを新調して最初にすることリスト -WebFrontの人の場合-

f:id:cocoro27:20170618194037j:plain

最近プライベートでMacを新調しました、あろえりーな(aloerina_)です。

パソコンを買い替えたときに最初に思うことは「今までの作業環境とまったく同じ状態にしたい」ということなのですが、毎回なにをどう設定していたか思い出せず苦労します。たまにしかしないことはちゃんとメモしておかないとだめですね。というわけで、未来の自分のためにメモの残しておきます。参考になる部分があればと思いブログで公開するかたちをとることにしました。

続きを読む

Vue2.x系のハマりどころ templateとコンパイラを完全解説するよ

f:id:cocoro27:20170308195311p:plain

Vue2.xでは仮想DOMが使われるようになりました。それに伴い、「Vue用のテンプレート」を「仮想DOMをレンダリングするための関数」に変換するという処理をコンパイル時に行ってくれる仕組みが組み込まれています。

そして、お手軽にVueを試したい人、プロダクトにVueを使いたい人、コンポーネント志向でアトミックに実装したい人など、様々な用途に応じたテンプレートの書き方(&コンパイルの方法)を用意してくれています。

そのためテンプレートの書き方とコンパイルの種類については仕様がやや複雑で、公式ドキュメントだけでは理解が難しくけっこうハマりどころだと感じている(事実ずっぽりハマりました)ので、知見を残しておこうと思います。

※この記事を書いている時点でのVueのバージョンは2.2.1です。

続きを読む

逆引き!フロントエンドのイマドキパフォーマンス改善

f:id:cocoro27:20170118182205j:plain

WebアプリにしろWebサイトにしろパフォーマンスはとても重要です。どんなに高機能であっても、どんなにデザインが良くても、パフォーマンスが悪ければユーザーは離れてしまいます。
とは言え現場はキツキツのスケジュールで、パフォーマンスにまでこだわる余裕がないよ!パフォーマンスはひとまずできる限りのところまで頑張るよ!となってしまうこともあるかと…。

この問題の解決の糸口はパフォーマンスを良くする手段をどれだけ知っているかです。仕様を決めるとき、デザインを決めるとき、実装するとき、それぞれのフェーズでパフォーマンスを常に意識していると自ずとハイパフォーマンスに近づきます。

というわけで今回はフロントエンドの観点から、イマドキのパフォーマンス改善手法をまとめてみました。イマドキと謳っておきながら2年前くらいの技術が出てきたりして最新の話題でもないのですが。

ちなみに、本題に入る前にWebパフォーマンスの基本として押さえておくべき本を紹介しておきます。どうぞ遠慮なく離脱してポチりに行ってくださいませ。

ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール

ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール

  • 作者: Steve Souders,スティーブサウダーズ,武舎広幸,福地太郎,武舎るみ
  • 出版社/メーカー: オライリージャパン
  • 発売日: 2008/04/11
  • メディア: 大型本
  • 購入: 32人 クリック: 676回
  • この商品を含むブログ (127件) を見る

続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス

続・ハイパフォーマンスWebサイト ―ウェブ高速化のベストプラクティス

続きを読む

コールバック・ナイト

さてお立ち会い。
せっかくだし、ではなくて、特に話すこともないし、今回は僕のクリスマスの話をしようと思う。今となってはいつのクリスマスのことだったか曖昧だし語るに足りないエピソードなのだけれど、そこは語るに落ちるというか、語った結果オチが付いたらラッキーという感じで。

そんなわけで。
以下、回想。

続きを読む

zshとpreztoを導入した話

ターミナルを触らない日はないと言っても過言ではないくらい、開発者にとってターミナルは必須の存在です。かく言うあろえりーな(@aloerina_)もgitコマンドをたたいたりsshサーバにアクセスしたりとよく使っています。にも関わらずターミナルやシェルについては無頓着で、コマンド使えれば何でもいいなんて時代遅れなことを考えていました。恥じます。

そんなわけで、イケてるシェルであるzshを導入してファッショナブルでセンシティブでモテモテな開発者を目指す話をします。


続きを読む

npm + gulp + webpack でつくるES6/sass開発環境

f:id:cocoro27:20161025201707j:plain

最近はJavaScriptをES6で書いたり、cssをsassで書いたりするのが当たり前になってきました。そうなると必然的に必要になるのがビルド。ビルドの仕組みも充実してきていて、単にトランスパイルするだけでなく、構文チェックしたり圧縮したり、CSSスプライトをつくるようなことまでできたりします。

で、このビルド環境、新規Project立ち上げる度に用意するのが面倒くさいので、自分用の雛形をつくりました。よかったら参考にしてみてください。

続きを読む
TOP