2019年7月

1/2ページ

WordPress ローカル環境構築【Windows】

仕事でWordPress案件を扱うことが多くなりそうなので、WordPressのローカル環境の構築方法をまとめます。 WordPressは結構勉強しないとなー。 データ準備 まず、bitnamiよりWordPressのデータを落としてくる。 PHPやMySQLなどもまとめて環境を構築してくれるので、非常に簡単! https://bitnami.com/stack/wordpress 【画像】 基本 […]

.htaccessコピペ集

.htaccess書くときにいつもググってるなと思い、まとめてみました。 sampleを対象のドメインに書き換えればOKです。 Basic認証 以下サイトを利用すると簡単にBasic認証用.htaccessを生成できます。 – http://www.htaccesseditor.com/ <Files ~ "^\.(htaccess|htpasswd)$"> deny fr […]

Web系エンジニアの成長速度を上げる教材や学習方法について

こんにちは! Web系エンジニアの成長速度を上げる方法や、勉強法について私の経験から考えをまとめていきたいと思います。 これからWebの勉強をする方や、最近の新しい技術に追いつけていないエンジニアの方に少しでも参考になればと思います。 成長速度を上げるために絶対必要なこと 新しい技術への興味・関心 成長したいと思う強い気持ち! 正しい教材の選択 ちょっとざっくりしすぎですが(笑)詳しく書いていきま […]

ゲームアプリの新規サイト制作案件を受注しました!

ゲームアプリの新規サイト制作案件を受注しました。 前回ティザーサイトを制作し、引き続き公式の方もお仕事をいただきました。 アニメーションのみ実装を担当させていただき、ベースのコーディングを引き継いで作業しています。 ベースコーディング後ということで、打ち合わせから参加させていただきました。 アニメーションが多く、非常に見応えのあるサイトができたと思います。 個人的に、これまでのWebサイト制作で一 […]

ゲームの新規公式サイト制作案件を受注しました!

ゲームの新規公式サイト制作案件を受注しました。 短いスケジュールでしたが、クオリティの高いサイトが構築できました。 ゲームのプレイ動画を参考にパーティクルを提案し、採用していただいたきました。 アニメーションも多用し、良い感じに仕上がり、大きめの画像でインパクトのあるサイトになってます。 先方も大変喜んでいただけたそうです。 概要 ゲームの新規公式サイト制作 担当 フロントエンド JSアニメーショ […]

Chart.jsでダイエット記録をグラフ描画してみる

こんにちは! 今回は、先日「フリーランスは健康管理も仕事!- ダイエット編」の記事を書いたついでに、フロントエンドエンジニアらしく、体重の推移をグラフ化してみようということでまとめてみます。 完成品 以下に作成したものをUPしますので、見てみてください。 https://korsmic.github.io/JWS-Blog/chartjs/ 使用ライブラリ紹介 chart.jsというものを利用して […]

フリーランスは健康管理も仕事!- ダイエット編

こんにちは! 今回は、フリーランスは健康管理も仕事!ということで、今取り組んでいるダイエットについて書こうと思います。 ダイエット、ボディメイクを始めようという人の参考になれば幸いです。 なぜダイエットを始めたのか ラーメン・つけ麺が好きすぎて3年程めちゃくちゃ食べてました。 どれぐらい好きかというと、私のインスタを見ていただければと思います(笑) 結果として、体重の増加はもちろんですが、血液検査 […]

令和でSVGアニメーション -anime.jsの使い方

こんにちは! 今回は、以前案件で一度利用したことがある、JSでSVGアニメーションを行うライブラリと使い方をご紹介しようと思います。 令和というテキスト(SVG)を動かしてみます。 完成品 以下に作成したものをUPしますので、見てみてください。 アニメーションが終わっていたら、リロードで始まります。 https://korsmic.github.io/JWS-Blog/animejs-svg/ 使 […]

JSで画像のパラパラ漫画を5分で実装してみる

こんにちは! こっそり1週間に2本ペースでブログを更新していこうという目標を立ててみました。 100記事UPを目指して今日ももくもくと頑張ります。 今回は、以前案件で一度利用したことがある、JSでパラパラ漫画風の表現をするライブラリと使い方をご紹介しようと思います。 サクッとできるので、手間もほとんど掛かりません。 どんなものができるのか 以下に作成したものをUPしますので、見てみてください。 h […]

実務で利用しているJSアニメーションライブラリについて

こんにちは! 本日は、実務で利用したことがある、JSでのアニメーションライブラリについてご紹介します。 スクロールして表示領域に入ったらアニメーションという流れも非常に多いので、併せてスクロール系もご紹介します。 各ライブラリの使い方などは、別途記事にまとめていきたいと思います。 紹介するライブラリ アニメーション系 ガッツリアニメーションならこれ!「TweenMax・TimelineMax」 S […]