blog

※Web開発

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

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

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

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

年末調整を行なう

blog

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

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

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