徒然畑

徒然なるままに。

Gulpと仲良くなるためにまとめたメモ

ついに弊社フロントチームにもwebpack化の波がきました。 それまではgulpをベースとして開発環境を構築しておりましたが、 いろいろとwebpackの方が利便性が高いということで、だそうです。というわけで。 案件で初めてgulpファイルを書くことになってその時…

【Webデザイン】今週の「良きウェブ」(4月7日〜4月13日)

どうもです。今は春なのか冬なのかわかりません。今週も懲りずに良きウェブまとめです。 この時期は新卒採用シーズンということで何個かそれ系のサイトも含んでますが まあいつも通り個人的に気になってものを中心にまとめています。 デザインが「良きウェブ…

【Webデザイン】今週の「良きウェブ」(4月1日〜4月6日)

どうもです。いつの間にか4月になってました。今週も良きウェブまとめです。 今週は、おしゃれでスタイリッシュなウェブサイトを探している!という方でこのブログに行き着いた方にとってはご期待に添えない内容となっています。 今回は「もっと遊びのあるも…

【日々学ぶVue】親子コンポネ同士で値を受け渡す様子を擬人化しながら理解する

職場が変わり、職種が変わり、使う言語やフレームワークが変わりで現在Vue使ってWeb制作をしています。 使い出してもうすぐ2ヶ月経つかなーという頃ですが、 まだ知らないことの方が多いので個人的なメモとしてまとめることにしてみました。 親子コンポーネ…

【Webデザイン】今週の「良きウェブ」(3月24日〜3月30日)

どうもです。なかなか暖かくならなくて服に困りがちです。今週もWebサイトまとめです。 今回は結構似たようなエフェクトを使いながらそれぞれ違った見せ方をしているwebサイトをよく見かけました。 トレンドみたいなもんなのかな? とりあえず以下から。 Web…

【Webデザイン】今週の「良きウェブ」(3月17日〜3月23日)

どうもです。最近朝早く起きれるようになりたいです。今週もWebサイトまとめです。 今週は私自身がものすごーーーーく可愛いサイトを見たくてたまらなかったので 女子が好きそうな可愛い系サイト多めです。 可愛い上にちゃんと演出も凝っているサイトが多い…

【Webデザイン】今週の「良きウェブ」(3月10日〜3月16日)

どうもです。朝が起きられない季節になりました。今週も良きウェブまとめです。 今週は割とギークな表現ばっかりをみていた記憶があります。 なのでちょっと変わったWEBサイトとウェブクリエイション多めでお送りします。 Webサイト編 デザインが「良きウェ…

【Webデザイン】今週の「良きウェブ」(3月3日〜3月9日)

どうもです。いい加減暖かくなってほしいです。今週もWebサイトまとめです。 今週は私が本能的にシングルページウェブサイトを色々見たいと感じたので シングルページウェブサイト多めです。 Webデザイン編 デザインが「良きウェブ」 913 | ヌフアントロワ …

【Webデザイン】今週の「良きウェブ」(2月24日〜3月2日)

どうもです。いちご大福が恋しい季節です。今週も良きウェブまとめです。 「ウェブサイトばっか見るのもいいけどちょっとマンネリ化しそうだし自分のインプット的にもコード直で見れるやつを探そう」と思い立ち 今回から「Webサイト編」と「Webクリエイショ…

【Webデザイン】今週の「良きウェブ」(2月17日〜2月23日)

どうもです。早く春が来て欲しい今日この頃です。今週も良きウェブまとめます。 今週はハイセンスなサイトやらポップなサイトやらまあ多種多様なサイトを見かけました(いつも通り) 気持ち音付きサイト多めだと思いますので、是非イヤフォン付きで閲覧する…

【Webデザイン】今週の「良きウェブ」(2月10日〜2月16日)

どうもです。先週すき焼きが恋しいと行ったらすき焼きが食べれる機会がすぐに巡ってきたので口にするって大事だなと思いました。 アニメーション表現がうまくなりたい季節です。さて今週も良きウェブまとめです。 今週はページ切り替えアニメーションが特徴…

【Webデザイン】今週の「良きウェブ」(2月3日〜2月9日)

こんにちは。すき焼きが恋しい季節です。さて今週もツイッターでつらつら呟いていた良きウェブサイトをまとめたいと思います。 デザインが「良きウェブ」 Change the Work|RaNa design associates, inc.(株式会社ラナデザインアソシエイツ) Peckham Level…

【Webデザイン】今週の「良きウェブ」(1月29日〜2月2日)

こんにちは。正直言って毎日めまぐるしいです。最近社内のチーム内での個人的な今年の目標として「ウェブ上での表現力や演出力を高める」と掲げました。 その一環として、自分の表現のインプットを増やそうということで毎日良い!と思ったWEBサイトやWEB表現…

【制作メモ】GIFアニメ簡単だよ3ステップでできちゃうよという話【animation】

どうもです。おせち美味しかったです。先日思い立ってGIFアニメ作ってみました。 今年はアニメーションをやる、と去年の暮れ頃決意していたということもあり、一番とっかかり安いと言われるGIFアニメにトライしてみました。 作ってみた結果言えることとして…

2017年毎月ごとの「初!〇〇」を振り返ってみる

どうもです。最近水族館にいきたくて仕方がないです。この記事は今年やったことAdvendCalender17日目の記事としてお送りします。adventar.org今年は私の人生の中でも特に印象的な一年になりました。 もともと気をぬくと物理的にもメンタル的にも引きこもりに…

SIerのSEがWeb制作会社のフロントエンドエンジニアへの転職を決めるまで

どうもです。今日もとり天が美味しいです。 この記事は転職アドベントカレンダー14日目の記事としてお送りします。adventar.org 10月末から転職活動をしていた私が、この先ここで頑張ろうと思える会社に出会うことができ、今週内定受諾しました。 転職活動は…

とり天 -My Best Fantastic Food-

突然ですが皆さんはとり天を食べたことがありますか? ないならぜひ食べましょう。 あったとしてもぜひ食べましょう。 とり天との出会い とり天ーーー南は九州の大分県発祥のローカルフードであり大分県民のソウルフードであるこの天ぷら。 私ととり天はちょ…

電車の中で一目惚れしたあの子(Webサイト)の秘密(ページソース)を知るためのテクニック(iPhoneでの表示方法)

良いデザインのあの子(Webサイト)やいつも気の利く情報をくれるあの子(Webサイト)のことをもっと知りたい… そう思って意中の人の秘密(ページソース)を知りたいと思うことはよくある話だと思います(少なくとも私は)。 そしてそんな出会いは、いつも電車の中… …

【勉強会ノート】2017/11/18開催「HTML5感」での勉強会メモ

どうもです。最近めちゃくちゃ焼肉が食べたいです。今回はLPI-JAPAN主催のイベント「HTML5感。」に参加してきました。▷イベントページ html5exam.jpHTML5認定試験を行なっているLPIさんの勉強会なので気になって参加してみましたが、 行ってみた感想として…

【勉強会ノート】マーケティングデザイン論勉強会に行って学んだ事と、自分なりに学び考えた事をまとめてみる

どうもです。めちゃくちゃ久しぶりにブログ更新します。先月のことになりますが、10月29日に都内にて行われたデザイン系勉強会「初心者歓迎!マーケティング+デザインで「伝わる伝える」考え方を知ろう!」に行ってきました。▽イベントページ https://atnd.…

【Dreamweaver】スニペットが一時期流行ったポストペットの新しいサービスか何かと勘違いするくらいわかっていない人向けのスニペット解説

「そんなやついるわけねえだろ?!?!」と思ったあなた、 今まさに目の前にそんなこと考えた人間がいますので目を疑わないでください。 Webデザイン系の記事を読んでいて出会った言葉なんですけど 「あれかな?CSSアニメーションとかPHPとか駆使してメッセ…

【自分用メモ】Photoshopの「知らなかったこんな技!」をまとめるための記事【随時更新】

昨年末から本腰入れてWebデザインの勉強を始めて分かったことは 「私Photoshop使いこなせてないわ(泣)」の一言に尽きました。 そんなわけで、この記事は私が「知らなかった!」と思ったPhotoshopの技について備忘録的に残していくために置いておきます。 …

【Photoshop】画像補正で使うであろう機能をまとめてみた

どうもです。 最近買ったNothing's Curved In StoneのアルバムExistenceがすばらしく名盤すぎて生きるのが辛いです。 今日は画像補正する際に使われるであろう機能の二つ「色調補正レイヤー」と「画像修復系ツール」について学んだので 記憶が冷めやらないう…

【LINEスタンプ】全国津々浦々のすべてのSEに捧げるLINEスタンプ 「がんばれ!SEスタンプ」

今日も今日とて炎上中⁈ 全国津々浦々のすべてのSEに捧げるLINEスタンプがこの度登場! 修羅場な現場のSE、炎上中な現場のSE、嵐の前の静けさな現場のSE、 もちろんSEでもなんでもない人もぜひぜひインストール!! 現役SEが送るLINEスタンプ がんばれ!SEス…

【バナー模写1週目】バナーを作って学んだことメモ

先週からちょっくらはじめてみました、バナー模写。 Photoshopレベルアップを目的に、実際にあるバナーを模写してそれっぽい奴を作ってみようという試みです。 今回はこちらの二枚を作成しました。 IT系Q&Aサイト風バナー □参考元 retrobanner.net 一眼レフ…

後輩を教える、ということ = Lucky♪

人にものを教えることほど身のちぎれる思いをすることはないと、私は少なくとも感じるんです。今仕事場で、常駐先のお客さんの今年入って来た新人さんの開発を見ているんですが、ほとんどの場合、どうやったらこちらの意図が伝わるか頭を捻るか、自分の新人…

やっとこさできそうです!

どうも、お久しぶりです。実は去年の暮れから準備はしていたんですけど ようやっと、アップできる段階までこぎつけられました。LINEスタンプつくってました!自分がSEと言う仕事をやっていて見た、聞いた、知ったSEさんの姿を ちょっとユーモラスに、ちょっ…

全力で生きよう

昨日感じたこと。自己主張かっこ悪いとか思ってた自分がバカだった。 というかそれまで自分が人前で主張するのは苦手だ、恥ずかしいと思っていることは知っていたけれども自己主張かっこわるい、という想いから恥ずかしいと思っていたんだと気づいて何言って…

結果を出すためのセルフマネジメント、を考えた

年の瀬っていろんなこと考えますよね。主に今年の反省とか、来年の抱負とか。これって人間のメランコリー好きの表れなんじゃないかと思うくらい。私も世間一般の例に漏れず考えてました。主に結果を出すためのセルフマネジメントについて。 言うてもかれこれ…

【独学でWebデザイナーになった人の記事紹介付】未経験者が1個レスポンシブサイトを作ってみてわかったこと

どうもこんばんは。 最近はL'Arc〜en〜Cielのアルバム聴きながら脳内でヘドバンしてます。今現在私は「HTML5&CSS3 デザインブック」を教科書代わりにレスポンシブサイトの勉強をしています。 書店のWeb関連のコーナーをのぞいたり、アマゾンで関連書籍をさ…