【JavaScript】ドラッグ&ドロップ機能を作成する方法
ProgrammingJavaScriptを使用してドラッグ&ドロップ機能を余計なライブラリを使用せずに作成する方法を解説。プログラミング初心者の方やJavaScript初心者の方にも分かりやすく解説しています。ドラッグ&ドロップ機能を作成するには4つのイベントを把握すれば難しくありません。
position: stickyを使用して追従要素を作成する【実装方法を解説】
Designposition: stickyはスクロールに合わせて設定したコンテンツが追従するようにする便利なCSSのプロパティの一種です。ヘッダーやサイドバーコンテンツに使用するとWebデザインの範囲が広がります。当記事ではposition: stickyの実装方法を分かりやすく解説しています。
gulp4を使用してcssとjsの圧縮を行う
Programminggulp4を使用して、CSSとJSファイルを圧縮するやり方を記載しています。CSSの圧縮には「gulp-clean-css」JSの圧縮には「gulp-uglify」を使用してファイルを圧縮させます。ファイルを圧縮することでWebサイトの高速化が可能です。そのやり方から環境構築まで分かりやすく解説しています。
【独学者おすすめ】プログラミング学習動画サービス3選
Programmingプログラミングをこれから学ぼうとしている独学の方向け。プログラミング学習は動画を使用して学ぼう!プログラミングを学ぶための動画学習サービスを3選紹介します。プログラミング学習に動画を用いることで、実際に講師が動かしているところを見られるので、受講者は躓きにくくなるいうメリットがあります。
【脱jQuery】JavaScriptで書く画像の遅延読み込み処理『lazyload』の実装
ProgrammingjQueryを使用せず、画像の遅延読み込み機能「lazyload」を実際に作成する記事を当サイトで解説しています。遅延読み込みはサイトの描写速度を早めて、ユーザービリティの向上だけではなく、SEO的な観点からもメリットが大きいです。
WordPressでページング機能作成【プラグイン無しで実装】
WordpressWordpressでプラグインを使用せずにページネーション機能を作成する方法を書いてます。WPでは便利な関数「the_posts_pagination」というものが用意されているので、こちらを使用すれば安易にページネーション機能を作成することができます。
JavaScriptで作るkeyupを使用したinputの文字数バリデートの作成方法
ProgrammingJavaScriptで作成するkeyupを使用したinputの文字数バリデートの作成方法を当記事で書いています。用途別に『①:素のJavaScript』『②:jQuery』『③:Vue.js』の3パターンで作成しています。
映画【天気の子】感想・レビュー 新海誠監督最新作は【君の名は。】を超えるのか!? – ネタバレなし –
hobby新海誠監督の3年ぶりの最新作映画『天気の子』のレビューをいち早くレビュー!ネタバレを含まず、映画の全容、見所、感想を解説しています。『君の名は。』を果たして超えるのか。