プログラミング– category –
-
【JS&CSS】一定時間毎に表示がフワッと変わる
JavaScript のsetInterval()関数とCSSの@keyframesを組み合わせ、一定時間毎に表示がフワッと変わる実装方法を紹介します。 なお、フワッとではなく瞬時に切り替えるだ... -
【CSS】画面に追従するボタンやバナーを作る方法
画面をスクロールしても表示が固定される、フッターボタンやサイドバナーを作るには？ 本ページ下側：問い合わせのボタンが、画面をスクロールしても常に表示されていま... -
【CSS】ウィンドウ幅に応じて表示を変える方法（メディアクエリ）
@media (min-width: ){}を用いたレスポンシブデザインのコードを紹介します。スマホ・タブレット・PCの3つを想定し、それぞれで表示される内容やレイアウトを変えられま... -
【JS】ボタンを押すと入力フォームが増える
createElement()とappendChild()を用い、ボタンをクリックすると入力欄が増えていく実装方法を紹介します。ユーザーの状況に応じてフォーム数を変更したい場合に便利で... -
【CSS】各種ブロックやボタン、チェックボックスなどのレイアウトを操作する（フレックスボックス）
HTML要素の配置に便利なdisplay: flex;の基本的な使い方をまとめました。 レイアウトを考えるうえで必ず利用したい機能ですが、プロパティの種類が多く混乱しがち。本記... -
【EC-CUBE 4】Twig まとめ(4) ～ マクロについて ～
本記事では、Twigテンプレートでコード（機能）の再利用に使われる『マクロ』について纏めています。 マクロとは？ 繰り返し使いたいコードを小さなパッケージにまとめ... -
【EC-CUBE 4】Twig まとめ(3) ～ trans / nl2br / escape / raw / price ～
{{ 値 | trans }} や {{ 値 | nl2br }} ってどういう意味？ どうやって使う？ 本記事では、Twigテンプレートでよく使われる「フィルター」と呼ばれる機能について纏め... -
【EC-CUBE 4】Twig まとめ(2) ～ if / for / set / with ～
{% if %} や {% for %} の使い方 {% set %} や {% with %} で変数を扱う方法 本記事では、Twigテンプレートでよく使われる、代表的な特殊タグ4つについて纏めています。... -
【EC-CUBE 4】Twig まとめ(1) ～継承やブロックについて～
{% extends 'default_frame.twig' %} {% block main %}{% endblock %} Twigテンプレート特有の、これらの記法ってどういう意味？ 本記事では、EC-CUBE（Symfony）で用い... -
【EC-CUBE 4】新規テーブルをデータベースに追加する方法
仕入先リストなど、デフォルトでは用意されていないオリジナルのテーブルを作るには？ この記事では、EC-CUBE 4でデータベースに新規テーブルを追加する方法を、実例を...
