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の基礎知識」)公式サイトは

react

Reactの基礎知識(JSX,Component, Props, State)【初心者向け】

ReactとはReact(リアクト)とは、Facebookが開発しているJavascriptのライブラリでありフロントエンドの開発に大きな影響を与えています。公式サイトはこちらです。公式サイトを訪れると、次の3つの言葉が出てきます。 Declarative (宣

Twitter APIを使いPHPで簡単に画像付きツイートをする方法

ただのシェアボタンではなく画像付きでツイートを投稿したい時ありますよね。ユーザーに画像付きでツイートして欲しかった時に少し調べたので、今回はPHPでTwitter APIを叩いて画像付きツイートを投稿する方法を説明していきます。ツイート投稿に必要なものTwitter APIでツイートを投稿するには、以下のものが必要になります。

最速でWordPressブログを始める方法【wpX】

WordPressでブログを始めるブログを始める時に候補に必ず上がるのがWordPressですよね、今回せっかくWordPressでブログを立ち上げたので、余計な説明は省いて(手抜き…)自分のやった手順でWordPressでブログを始める方法をまとめようと思います。レンタルサーバーを借りる