CSS

CSSの見える化「CSS Scan 2.0」 App

CSSの見える化「CSS Scan 2.0」

はじめに 新卒で入社した溝口です。 Webサイトを巡回しているときに、「このボタンのデザインいいなー」とか「この要素どうやって実装しているんだろう」と思ったことがあるのではないでしょうか? 開発に慣れている方ならブラウザの開発者ツールを使うかと思いますが、痒いところに手が届かない感は否めません。 そ…
【FIXERはたらくひと図鑑】#14ワクワクが止まらない?!これやりたいです!の一言で見つけたやりがい Recruiting

【FIXERはたらくひと図鑑】#14ワクワクが止まらない?!これやりたいです!の一言で見つけたやりがい

皆さんこんにちは-!毎度おなじみ、ユマさんです! ちょっとづつ暖かくなってきて嬉しいけれど、花粉に怯えていますw さてさて、今回インタビューするのは フロントエンドエンジニアとして活躍中の「たむたむ」! さっそく、いってみましょー! Q.簡単な自己紹介をお願いします! 北:入社2年目の北村です。  …
reactでスロットマシンを作りました App

reactでスロットマシンを作りました

 入社して早くも2か月が経ちました。5月に入ってからはOJTとはいいつつも本格的に開発が始まり、私はフロントエンドの担当ということで初めてreactを使うことになりました。しかしながらhtmlもcssもjavascriptも触ったことがなかったので(そもそも開発経験なし)現在進行形で苦しみながら開発…
CSSでwidthとかmargin-topとか書くのは時代遅れ? App

CSSでwidthとかmargin-topとか書くのは時代遅れ?

はじめに フロントエンドの開発に欠かせないものといえばCSSですよね。異論は認めませんし、ないと思います。僕はCSS大好きです。まあ自分がコーディングするときはStylus使いますけどね。 今日の題材は、そんなCSSについてのグローバル化についてです! おまえらのwidthは間違っている いきなり挑…
やっぱり作りながら学ぶのが一番だと思うの。「Vue.jsのツボとコツがゼッタイにわかる本」書評 App

やっぱり作りながら学ぶのが一番だと思うの。「Vue.jsのツボとコツがゼッタイにわかる本」書評

フロントエンドフレームワークとは何か?それを使うと何がどうよくなるのか?について、Vue.jsを扱ったものの中で何かしら1冊入門書を買ってフロントエンド開発に再入門したいと思い、見つけたのがこの本でした。 今回はそんな本書を書評したいと思います。
Nuxt.jsでhover/activeのレスポンシブ対応 App

Nuxt.jsでhover/activeのレスポンシブ対応

一般的にWebアプリではクリックできることを示すために要素に :hoberを付けます。 モバイル版のアプリではマウスがないため、長押しをした際に :hoverのような変化を付けるとタップ(クリック)できることが伝わるかと思います。これはTwitterなど多くのアプリに見られる実装です。 この動作を実…