-
プログラミング
【簡単】formrun(フォームラン)で自作フォームを作成する【バリデーション付】
こんにちは!フリーランスエンジニア兼ディレクターののせっちです。 Web制作ではほぼ必須となっているお問い合わせフォームの作成。 ワードプレスを使わないLP制作の場合など、僕は断然formrun(フォームラン)を推してい […] -
プログラミング
Twitterのツイートするボタンを自作する方法【コピペOK】
こんにちは!フリーランスWebディレクター兼エンジニアののせっちです。 ツイッターの埋め込みボタンは公式から自動作成することができますが、「ツイート」というボタンを作りたいのに、 「#〇〇についてツイートする」というボタ […] -
プログラミング
【Google推奨】Webサイトのファイルサイズは1.6MB以下、画像を適切に圧縮しよう!
こんにちは!フリーランスWebディレクター兼エンジニアののせっちです。 Webサイトやブログの画像圧縮は適切にできていますか? 僕は、現役のWebディレクター、エンジニアとして、大小様々なホームページ制作を行ってきました […] -
プログラミング
僕が実際にWeb制作で使っているJavascriptレシピ集【コピペOK】
こんにちは!フリーランスWebディレクター兼エンジニアののせっちです。 Javascriptの勉強がてら、jQueryで作っていたスニペットをJavascript(バニラjs)に置き換えました。 かなり溜まってきたので全 […] -
プログラミング
Amazon WorkspacesでWindows環境を構築する【5分】
こんにちは!フリーランスWebディレクター兼エンジニアののせっちです。 Amazon Workspacesを使ってWindows仮装環境を構築する方法を紹介します。 ノーコード・ボタンぽちぽちで簡単に構築できるWindo […] -
プログラミング
Gulp4 + Webpackの超オススメ設定を公開【爆速コーディング環境構築】
Gulp + Webpackの組み合わせで作業環境を爆速化させましょう。この記事ではjavascriptのコンパイルはwebpack、その他はGulpで効率的な作業環境を構築する方向を解説します。Gulp4に最適なgulpfile.jsの書き方を紹介しているので、スッキリと見通しのいい構成になっている点にも注目してください。 -
プログラミング
【脱jQuery】Javascriptのみでモーダルウィンドウを実装【コピペ】
jQueryを使わず、バニラjsのみでモーダル(ウィンドウ)を実装する方法を紹介します。モーダルとは、ボタンを押すと画面を覆うように出てくるサブウィンドウです。jQueryを使わずとも比較的短くコードで書く事ができますので、初心者の方にも安心です。 -
プログラミング
【脱jQuery】Javascriptのみでスムーススクロールを実装【コピペ】
こんにちは!フリーランスWebディレクター兼エンジニアののせっちです。 Javascriptのみでスムーススクロールを実装してみましょう。 僕はこれまでjQueryで実装してきましたが、Javascriptでも簡単に実装 […] -
プログラミング
【脱jQuery】ローディング画面(クルクル)をJavascriptのみで実装
こんにちは!フリーランスディレクター兼エンジニアののせっちです。 Webサイトでよく見る、クルクル回るローディング画面を設置する方法をご紹介します。 不完全な状態でWebサイトを見せないために、読み込み中はクルクル、読み […] -
プログラミング
【脱jQuery】スクロールでふわっと出現するアニメーションをJavascriptのみで実装
jQueryを使わず、Javascriptのみでスクロールでふわっと出現するアニメーションを実装する方法を紹介します。jQueryをJavescriptで翻訳するように、「jQueryで書いている内容をJavascriptで書いたらどうなるか?」という構成で解説しています。