2018年04月

ReactとPHPで簡単なメールフォームを自作する

Reactでサイト制作を行なっているのですが、お問い合わせフォームが必要になったためPHPと組み合わせてメールフォームを作成してみました。まずはReact側からimport React from

DockerでRuby on Railsの環境構築【初心者向け】

公式ドキュメントのQuickstart: Compose and Railsが分かりやすかったので、初心者向けにそれぞれ何をやっているか詳しく説明しながらやっていこうと思います。Docker for MacかDocker for Windowsを入れている人が対象です。

エンジニアなら全員参加?技術書オンリーイベントに行ってきた話【技術書典4】

4/22(日) 秋葉原UDXで行なわれた技術書典4に一般参加してきました。技術書オンリーイベント知恵をこねたもの技術書オンリーイベント 第4回、開催決定!4月22日11時開場:一般参加無料。入場整理券で並ば

docker

Docker + Webpack4でReactの環境構築

WebpackでのReactの環境構築をDocker上で行いたかったので色々調べたのですが、Webpackの仕様変更等もありうまく動作するサンプルが見つけられなかったので簡単なものを作ってみました。GitHubはこちらです

styled-components

Reactのstyled-componentsでaddClassをする方法

Reactのスタイリングにstyled-componentsを使っている人は多いと思います。jQueryを利用していたことのある人は、クリックイベントでaddClassし特定のCSSを適用させたいようなことがあるかもしれませんが、styled-componentsで同じようなことをしようと

javascript

枠内の文字をスクロールさせる方法 【JavaScript】

よく、長いタイトルの場合自動的にスクロールして狭い範囲でも読みやすくするようなものがありますよね。それを利用したかったのでJavaScriptで作ってみました。完成したのはこんな感じですコードはこちら

javascript

文字列をシャッフルして表示させる方法【JavaScript】

仕事で数字をシャッフルする仕組みが必要になったので、簡単に実装してみました。jQueryはあまり使いたくなかったので生のJavaScriptです。既存のライブラリとしては、Chaffle.jsなどが便利だと思います。

nextjs

Next.jsを使ってSSRを始めよう【初心者向け】

Next.jsとはNext.js(ネクストジェーエス)とはSSR(Server Side Rendering)をするアプリケーションのためのJavaScriptフレームワークです。SSRの実装が簡単に行えるためSSRやりたいけど難しそう…という方にはオススメです。Next.jsには以下のような特徴があります。 SSRがデフォルトで提供

redux

Reduxの基礎知識② Reactへの実装まで

今回も引きづつきReduxについて勉強していきます。今回は実際にReactにReduxを組み込む所までやります。前回の記事見てないよ!という方はこちらをご覧ください→「Reduxの基礎知識① Action,Reducers,Store」 Redux

redux

Reduxの基礎知識① Action,Reducers,Store【初心者向け】

ReduxとはRedux(リダックス)とはReactの状態(State)を管理するためのライブラリであり、Flux(フラックス)のデータフローをベースとしています。(Reactについての記事は「Reactの基礎知識」)公式サイトは