CSS

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など多くのアプリに見られる実装です。 この動作を実…
インターン開発体験 ~Chrome 拡張機能 の作成~ Azure

インターン開発体験 ~Chrome 拡張機能 の作成~

インターンシップをさせていただいた田中です。今回はインターンシップでの開発で使った技術についてまとめます。すでに詳しい解説をしている記事が多くあるので、概要をまとめ、私が詰まった点を挙げます。 背景 今回のインターンシップの課題は「Tech Blogブログを広める」ことでした。私たちのチームは、この…