blog

※Web開発

【レスポンシブ】CSSで作るtableデザイン&コーディング【コードあり】

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを...
blog

Webフォント(Googleフォント)の使い方!WindowsやMacに依存しないサイト制作

Webサイトで表示させるフォントには大きく分けると2つあります。 デバイスフォント ・・・ WindowsやMacなどのデバイスに依存 Webフォント ・・・ ネットワーク上からフォントデータを取得 デバイスフォントとは、WindowsやM...
blog

マクドナルドのポジション名や種類を公開!厨房からカウンターについて

皆さんも一度は行ったことがあるだろうマクドナルド。 お昼時に行くと、お店の外まで注文の列が並んでいるのを見かけた人も中にはいるのではないでしょうか? そんな多くの注文を受け、私たちに商品を渡すまでにはたくさんのスタッフが携わっています。 コ...
blog

投稿を投稿ページ以外で繰り返し表示させる方法。WP_Queryでサブループ。

blog

WordPressの投稿一覧ページに並び替え機能をプラグイン無しで実装する方法

blog

置換要素のレイアウトのためのプロパティobject-fitとobject-position

object-fit/object-fitプロパティについてのサンプル object-position/object-positionプロパティについてのサンプル sample/object-fitとobject-positionプロパティ...
blog

WP_Queryの使用方法とパラメータ一覧

WordPressにて、取得したい投稿記事をかなり自由に指定できるWP_Query。 メインループを汚染することなく、サブループとして好きな投稿を一覧表示でき、WordPressで必須知識と言っても過言ではないでしょう。 しかし、WP_Qu...
blog

年末調整を行なう

blog

BabelでモダンなJavaScript開発環境を作る方法を現役エンジニアが解説【初心者向け】

目次 Babelとは Babelの特徴や利用メリット Babelの環境構築の手順 まとめ Babelとは ECMAScriptコンパイラで、ECMAScriptで書かれた内容を指定されたブラウザで動作する構文に変換してくれます。 この変換の...
blog

Amazon商品リンクの初期設定方法と使い方