website design

position: stickyを使用して追従要素を作成する【実装方法を解説】

Design

position: stickyはスクロールに合わせて設定したコンテンツが追従するようにする便利なCSSのプロパティの一種です。ヘッダーやサイドバーコンテンツに使用するとWebデザインの範囲が広がります。当記事ではposition: stickyの実装方法を分かりやすく解説しています。

2019/09/10
javascript プログラミング

gulp4を使用してcssとjsの圧縮を行う

Programming

gulp4を使用して、CSSとJSファイルを圧縮するやり方を記載しています。CSSの圧縮には「gulp-clean-css」JSの圧縮には「gulp-uglify」を使用してファイルを圧縮させます。ファイルを圧縮することでWebサイトの高速化が可能です。そのやり方から環境構築まで分かりやすく解説しています。

2019/09/07
プログラミング学習

【独学者おすすめ】プログラミング学習動画サービス3選

Programming

プログラミングをこれから学ぼうとしている独学の方向け。プログラミング学習は動画を使用して学ぼう!プログラミングを学ぶための動画学習サービスを3選紹介します。プログラミング学習に動画を用いることで、実際に講師が動かしているところを見られるので、受講者は躓きにくくなるいうメリットがあります。

2019/08/17
traffic-light-trails-street

【脱jQuery】JavaScriptで書く画像の遅延読み込み処理『lazyload』の実装

Programming

jQueryを使用せず、画像の遅延読み込み機能「lazyload」を実際に作成する記事を当サイトで解説しています。遅延読み込みはサイトの描写速度を早めて、ユーザービリティの向上だけではなく、SEO的な観点からもメリットが大きいです。

2019/08/04
illustration-arrow-sign

WordPressでページング機能作成【プラグイン無しで実装】

Wordpress

Wordpressでプラグインを使用せずにページネーション機能を作成する方法を書いてます。WPでは便利な関数「the_posts_pagination」というものが用意されているので、こちらを使用すれば安易にページネーション機能を作成することができます。

2019/08/03
javascript

JavaScriptで作るkeyupを使用したinputの文字数バリデートの作成方法

Programming

JavaScriptで作成するkeyupを使用したinputの文字数バリデートの作成方法を当記事で書いています。用途別に『①:素のJavaScript』『②:jQuery』『③:Vue.js』の3パターンで作成しています。

2019/07/22
whethering_with_you01

映画【天気の子】感想・レビュー 新海誠監督最新作は【君の名は。】を超えるのか!? – ネタバレなし –

hobby

新海誠監督の3年ぶりの最新作映画『天気の子』のレビューをいち早くレビュー!ネタバレを含まず、映画の全容、見所、感想を解説しています。『君の名は。』を果たして超えるのか。

2019/07/19
hard-disk

Macのおすすめデータ復旧対策【常時バックアップのやり方も解説】

Programming

Macをしようしている人向けにオススメのデータ復旧対策と、突然のPCクラッシュ問題に対応できる常時出来るバックアップ対策を書いています。【Time Machine】を使用して外部HDDにデータを保管するだけではない。常に自分で出来る対策が必要です。

2019/07/16