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

青空コメントアウト

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

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

Vue2.xから仮想DOMが使われるようになり、1.x系と同様にtemplateを書くと動かないケースが出てきたりします。コンパイルをすることで[template]→[仮想DOMをrenderする関数]に変換してくれるものの、コンパイルの仕様も複雑で一筋縄ではいかないことも…。そん…

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

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

コールバック・ナイト

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

zshとpreztoを導入した話

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

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

ES6でJavaScriptを書きたい。sassに挑戦してみたい。そう思ったときにすぐに開発を始める開発環境を用意してみました。クローンしてコマンド2つで使えるので参考にしてみてください。

プレゼンするときに知っておくといいかもしれない20のこと

何度やってもなかなか100%満足できるのは難しいプレゼン。何か必勝法はないものか…と模索しているうちに個人的な「最低限守るべきプレゼンのルール」ができてきたので、ここにまとめてみます。

ターミナルを快適に使ってMacでの開発を幸せにしよう計画

職が変わってMacBook Proで開発することになったあろえりーな(aloerina_)です。 パソコン買い換えることって数年に一度しかないので、1度切りの設定ってけっこう忘れがちだよね。ということで、Macのターミナルを快適に使うために必要なことをメモっときます…

gulp + babel + browserify にコテンパンにされたので戦歴(対処歴)を残しとく

事の発端は「ウェブアプリのフロントをES6で書こう!」と意味もなく思い立ったこと。しかし思った以上に躓き箇所が多く、新しいライブラリとの出会い、別れ、葛藤を乗り越えることとなりました。そのドラマをここに残そうと思います。 ES6をブラウザで動かす…

CommonJSのモジュール管理「require」の使い方が100%わかる話

わかったつもりよさようなら。 あろえりーな(@aloerina_)です。 かつてJavaエンジニアだったあろえは、まだJavaScriptとあまり仲良くなれていない頃にrequireを使おうとしてハメられたハマったことがありました。そんなことをふと思い出したので、クラスベー…

gulp導入をイチからしてみたら3ステップで終わった

パソコンを買い換えましたあろえりーな(@aloerina_)です。 パソコン買い換えて、新しいプロジェクトも作って、とくれば次にすることは「タスクランナーの準備」でしょう。 タスクランナーとは 「アプリをつくり上げる」って結構めんどうなもんで、単にソース…

Webの明るい未来はWebComponentに託された!

まいどです。 今更だけど、WebComponentのことあんまり知らなかったあろえりーな(@aloerina_)です。しょんぼりです…。 というわけでWebComponentが何なのか調べてきました。先輩!勉強不足ですみませんでした!ということで成果です(メモです)。

脱CSS初心者!役割から覚えるmarginとpaddingの使い分け

読みやすくて保守しやすいCSSを書く第一歩として、paddingとmarginの使い分けについて紹介します。理にかなった使い分けを心がけるとステップアップに近づきます。

CSSのセレクタ設計の基本 -デザインしやすいマークアップの方法-

CSSを書きやすくするためには、HTMLの構造が大事です。class属性を駆使することで、CSSがとてもあてやすくなります!マルチクラス設計をマスターしましょう!

おしゃれなフォローボタンを設置してもっとブログを好きになろう!

自分好みのフォローボタンを設置して、自分のブログをもっと愛そう!コピペだけで設置できるフォローボタンを公開していますので、ブログカスタマイズに詳しくない方でもお気軽に使えます。要望や相談はあろえりーなまで。

はてなブログテーマ「ソラノタビ」をカスタマイズしておしゃれに使おう!

日曜WEBデザイナーのあろえりーな(@aloerina_)です。 土曜日も活動しています。 さて、今回はてなブログのテーマ「ソラノタビ」を公開致しました。 コンセプトカラーは前回と同様に、空の青と花々の赤です。爽やかで親しみやすい雰囲気とテキストの可読性を…

エンジニアがデザイナーを夢見たその後

突然ですが、以前もちらっと書いたように、あろえはWEBデザイナー志望のエンジニアなんですね。 そんなあろえのデザイン欲が少し市民権を得た話です。だから少し付き合ってください。な。 早い話、とあるプロジェクトにてデザインリーダーをすることになりま…

デザイナーになりたいエンジニアの話

あけましておめでとうございます。 あろえりーなです。 年も明けて随分立ちますし挨拶はここらで、早速本題です。今回はエンジニアの自分がデザイナーの仕事もしたいんだけど、そんなことしていいの?っていう話。 「今年はこんなことに興味をもってやってい…

気安く始めたブログデザインが実は将来に大きく影響していた話

夢への第一歩は割りと適当にやっても踏み出せるよというお話。趣味の一環で初めてブログテーマを開発してみたら、意外と自分の将来に繋がりそうな予感がしたことから、開発前後に考えていたことをまとめました。

ブログテーマ公開しました

ブログテーマ「Full HD ソラノシタ」を自作・公開しました! FullHD ソラノシタ - テーマ ストア - はてなブログ ブログを開くと画面いっぱいにヘッダー画像が表示されるので、お気に入りの画像を登録して使ってみてください! 配色は空の青色と花の朱色をア…

「モバマスの画像をアップすると近い構図の京極夏彦の画像が送られてくる」まとめとシステムにできること

まいどです。あろえりーなでっせ。 ともあれ、まずは本日ワタシが癒やされたネタをご覧ください。 #モバマスの画像をアップすると近い構図の京極夏彦の画像が送られてくる まとめ なにこれ。 レスポンスの早さもバリエーションの多さもすごいんだけれど、心…

あんぱんには牛乳を。eclipseにはGlanceインクリメンタルサーチを。

ごきげんよう。エンジニアのあろえりーなです。 最近勘違いされがちですが、フードファイターではありません。 得意な言語はJavaですが、Javaの統合開発環境といえばeclipse。Javaスピーカーには必須のツールともいえるeclipseですが、今回はあろえがeclipse…

ヌケガラ症あろえの飼い方

無気力続きの毎日です。あろえりーなです。「特につらいことも苦しいこともないのに、何もせずに寝ていたい気持ちでいっぱい…なるほど、そいつはまるでヌケガラですな。」そんな診断を受けたあろえへの処方薬は「時間経過」だったわけですが、取り急ぎその場…

マルチディスプレイの設定方法

最近呪われてるのか、OS再インストールの羽目にあって、マルチディスプレイの設定とか久々ですっかり忘れてて、今年あたりもう一回こんな目にあいそうな予感がするので…記録残しておこう。 用意するもの I-O DATA USB接続外付グラフィックアダプター 「USBグ…

コメントアウトってなーに?

さいしょにこのブログのタイトルにもなっている「コメントアウト」という言葉。直訳すると【どうでもいいもの/たやすいもの】という意味があったようななかったような。 さておき、この言葉の説明はプログラミングの本とかに書いてあったりするんだけど、と…

TOP