gulp+webpack+jQuery+pug+sassで開発環境構築

長いこといつか更新しないとと思っていた開発環境を時間があったので作り直しました! あれもこれもと機能充実させていったら、トータル3日ぐらい使ったかもしれません。。 しかし、良い開発環境があれば大きな工数削減・ストレス軽減につながります。 LP~数ページレベルの案件だと使い勝手が良いかなと思います。 大型案件向きではありません。 だいぶオレオレ開発環境なのですが、GitHubに置いておきますので、使 […]

phpとJavaScriptでアメブロRSSをリアルタイムに表示

アメブロのRSSを表示させる際、JavaScriptのみでできるだろうと思っていたのですが、JavaScriptのみだと実装が難しく、ハマったのでまとめておきます。 JavaScriptのみでは簡単に他サイトのRSSを表示できない 先に結論を言うと、JavaScriptのみだとCORS(Cross-Origin Resource Sharing)の問題があって、他サイトのデータを取得してくることが […]

YouTube Data APIでリアルタイムに動画一覧を表示

久々のブログ更新となりました。。。 コンスタントに書きたいけど、どうしても後回しになってしまいますね。 今回は、YouTube Data APIについてちょっと触ったので、備忘録を兼ねてまとめていこうと思います。 2019/10/05現在で最新の「YouTube Data API v3」を使います。 公式のリファレンスはこちら まずはAPIを取得して下準備 まずはGoogle Developer […]

SNSシェア用リンク生成ツールを作ってみた

こんにちは! 最近少し仕事が忙しく、ブログの更新ペースが落ちています。。。 週1本は忙しくても最低でも続けていけるといいなーと思っています。 今回は、『SNSシェア用リンク生成ツールを作ってみた』ということで書いていきます! なぜSNSシェア用リンク生成ツールを作ったのか 仕事でSNSのシェア用のリンクを作成する際に間違いがあったままリリースになってしまうことが何度かございました。。。 実際、各S […]

コーポレート公式サイトリニューアル案件を受注しました!

コーポレート公式サイトリニューアル案件を受注しました。 LPものが多かったので、久々のコーポレートサイトになりました。 短いスケジュールでしたが、急な仕様変更にもすぐ対応し、対応が早いと好印象でした。 全3P+他の下層ページの一部を担当させていただきました。 概要 コーポレート公式サイトリニューアル 担当 フロントエンド JSアニメーション ローディング スライド 使用言語/フレームワーク/プラグ […]

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

ゲームの新規公式サイト制作案件を受注しました。 短いスケジュールでしたが、クオリティの高いサイトが構築できました。 アニメーションも多用し、良い感じに仕上がり、インパクトのあるサイトになってます。 オリジナルのアニメーションも多く取り入れ、そのまま採用していただけました。 概要 ゲームの新規公式サイト制作 担当 フロントエンド JSアニメーション ローディング スライド 使用言語/フレームワーク/ […]

スクロールしたとき表示領域がどの要素に入っているのかを判別してみる『ScrollMagic』

スクロールしたとき表示領域がどの要素に入っているのかを判別してみる『Scroll Magic』 Webアニメーション周りの知識が付いてきましたので、今後はとくにWebアニメーション周りの情報を発信していこうと思います。 アニメーションは楽しいです(笑) アニメーションの様子を動画にまとめ、youtubeにUPすることで、SNSでより見てもらえるかと思い、アニメーション周りは動画もつけるようにします […]

コーポレート特設サイトページ追加案件を受注しました!

コーポレートサイトのページ追加案件を受注しました。 短期スケジュールでのページ追加で、他の下層ページからパーツを流用しつつの実装となります。 概要 ゲームの新規公式サイト制作 担当 フロントエンド 使用言語/フレームワーク/プラグインなど HTML5 CSS3 JavaScript SCSS jQuery

最強のデザインコード抽出/管理ツール『Avocode』

こんにちは! 今回は、オススメツール紹介ということで、フリーランスになってからすぐ使い始めた『Avocode』をご紹介します。 このツールは、ガチです。ガチでヤバいです。 デザインコード抽出とは デザインコード抽出とは、簡単にいうと PSDなどをWeb上などに取り込む ワンクリックで、どんなスタイル(CSS)が当たっているのかわかる というめちゃくちゃ便利なツールです。 何か良いツールがないか探し […]

ゲームのイベントページ新規制作を受注しました!

ゲームのイベントページ新規制作案件を受注しました。 短期スケジュールでのLP制作となります。 イベントの概要・スケジュールを載せたページで、簡易ですがアニメーションも多少盛り込み実装いたしました。 概要 ゲームのイベントページ新規制作 担当 フロントエンド JSアニメーション 使用言語/フレームワーク/プラグインなど HTML5 CSS3 JavaScript SCSS pug jQuery An […]

1 5