PHPの「pathinfo」関数を使ってファイル情報（拡張子、ファイル名）を取得
バリデーションチェックで添付されたファイル情報を取得する際に、便利な「pathinfo」…
小金井にあるWEB制作会社の備忘録
MEMORANDUM数多くのホームページをご依頼いただいている中で、実際に株式会社衆が制作に携わった案件の中で使用している手法や、基礎知識に関しての備忘録を掲載。
自社でホームページの制作やシステム開発を行われる際の参考例として、またはホームページをご依頼される際の予備知識としてお役にたてれば嬉しいです。
-
PHP
-
PHP
WordPress（ワードプレス）に登録されているデータを外部ファイルで利用する。
WordPress（ワードプレス）を使用してホームページの制作を行う際、全てのページを同…
-
CSS
youtube（iframe）の埋め込み動画をレスポンシブ対応にする
youtube動画をホームページに掲載する機会も増えてきました。動画サイズを固定するので…
-
WordPress
WordPress（ワードプレス）でカスタム投稿タイプを追加
カスタム投稿タイプは、独立したコンテンツを作りたい場合に便利なワードプレスの追加機能。W…
-
CSS
CSS「object-fit」を使って画像を表示枠に合わせてトリミング
画像を表示枠いっぱいに表示する場合に、背景画像や「position」等で対応していたけど…
-
PHP
WordPress（ワードプレス）でショートコードを作成
Wordpress（ワードプレス）のカスタマイズ時にテンプレートにコードを直書きするので…
-
PHP
WordPress(ワードプレス)でセッション（SESSION）を使用する
Wordpress(ワードプレス)の開発時にセッションを利用することがあるが、初期状態で…
-
PHP
PHPでクッキー（$_COOKIE）を使用する
ログインキーなど一時的なデータの保存にはセッション（$_SESSION）を使うことが多い…
-
CSS
CSSの疑似クラスを使ってｎ番目の要素を取得
HTMLコーディングをしているとｎ番目の要素から間隔を空けたり、交互に彩色したりというこ…
-
javascript / jQuery
jQuerでフリック（ドラッグ）スライダーを実装
PC、スマホともにフリック（ドラッグ）できる自動送り式のイメージスライダーを実装した時の…
-
javascript / jQuery
jQueryでRSSを読み込んで表示
wordpress（ワードプレス）の投稿記事を別サイト（同一ドメイン）で読み込みで表示し…
-
javascript / jQuery
jQueryで親要素・子要素・兄弟要素を取得
jQueryで一定の要素を基準に、上の下層や下の階層の値を取得したり、クラスを変更したり…
-
CSS
CSS「calc」を使って計算式で実装する
表示する画面幅に合わせて可変するデザインを制作する際に「display:flex」を使っ…
-
WordPress
WordPress(ワードプレス)オリジナルテーマの作り方
wordpress（ワードプレス）を使ってテーマを自作した際に使用した、最低限知っておき…
-
javascript / jQuery
jQueryで料金のシミュレーション（計算）を実装
「電気会社」のキャンペーンページを作成した際に使用した、電気料金のシミュレーション機能の…
-
CSS
CSS「display:flex」で「clearfix」を使わずに要素を並べる。
創業時（2010年頃）にお世話なっていた「clearfix」。当時は要素を横に並べると言…
-
javascript / jQuery
jQueryで拡大しながらフェードインで画像切り替え
「欅BodyTherapistSchool」の制作に携わった際に使用したスライドショウ…
-
javascript / jQuery
jQuery「$.cookie」を使ってホームページを多言語対応
観光地になっている飲食サービスのホームページの制作に携わった際に、外国の方にも理解できる…
-
PHP
データベース(Mysql)に登録しているデータをCSV形式でダウンロード
管理画面からデータベース（Mysql）に登録している情報をCSV形式にしてダウンロード…
-
javascript / jQuery
jQueryで拡大・縮小しながらスムーススクロール
「ゴルフ大会」のキャンペーンページを作成した際に使用した、モーション付きのスムーススクロ…
-
CSS
CSS「gradient」を使ってグラデーションを実装
CSSでのグラデーション。2色程度の簡単なものは、使っていたけど調べてみると奥が深そうだ…
-
javascript / jQuery
jQueryでスライドしながらフェードインで画像切り替え
「国際HAN-ZOU整体専門学院」の制作に携わった際に使用したスライドショウの実装方法…
-
CSS
CSS「position」を使って背景画像にリンクを設置
不動産関連の採用サイトの改修に携わった際に使用した背景画像へのリンクの実装方法をメモ。背…
-
javascript / jQuery
jQueryで画像切替後に、テキストを時間差でスライド表示
「FLORABeautyオンラインカレッジ」の制作に携わった際に使用したスライドショウの…
-
PHP
PHPの「$_SERVER」関数でURL情報を取得
IPアドレス、ホスト名など自分のURLを取得する機会も意外とあるので、取得方法をメモ …
-
javascript / jQuery
jQueryを使って簡単にスライドショーを実装
飲食店サイトを作成した際にしようした簡単なスライドショーの方法をメモ。画像の切り替わりは…
-
その他
ベーシック認証。「.htaccess」使って簡易パスワード機能を実装
一般的なログイン機能までは必要のない、ホームページ公開前などの一時的（簡易）にパスワード…
-
javascript / jQuery
jQuery「$.get()」を使ってページ最下部で追加データを取得
TwitterやFacebookのように一番下までスクロールしたら自動的に追加データを読…
-
CSS
CSS「transition」を使ってマウスオーバー時にアンダーラインを表示
グローバルメニューにマウスを乗せた際の動きもバリエーションが増え、サイトによって様々。こ…
-
javascript / jQuery
jQueryでテキストをタイピング風に一文字ずつ表示
キャッチコピーなどを効果的に見せたいときに使用したタイピング風に一文字づつ文字を表示され…