# WEB Design

**URL:** https://forum.ficusonline.com/c/webdesign/12.md

[最新](https://forum.ficusonline.com/latest.md) · [カテゴリ](https://forum.ficusonline.com/categories.md) · [タグ](https://forum.ficusonline.com/tags.md)

---

## [WEB Designカテゴリについて](https://forum.ficusonline.com/t/topic/32)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0

</div>

フロントエンドを作成する上で必要なウェブフレームワークやブログ、イーコマースなどのCMS導入ティップス

---

## [Directus CMS + Docker](https://forum.ficusonline.com/t/topic/506)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 19\
**最終更新:** [2026 年 4 月 24 日午前 5:59 UTC](https://forum.ficusonline.com/t/topic/506 "2026-04-24T05:59:06Z")

</div>

GitHub DockerHub directus/directus - Docker Image Dockerガイド データベースにPostgreSQLを選択。 docker-compose.yml versio…

---

## [PrestaShop + Docker](https://forum.ficusonline.com/t/topic/380)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 30\
**最終更新:** [2025 年 3 月 8 日午前 12:50 UTC](https://forum.ficusonline.com/t/topic/380 "2025-03-08T00:50:18Z")

</div>

GitHub Docker Prestashop DockerHub Prestashop Docker-Composeファイルによるコンテナ作成時の環境設定は以下の通り。 prestashop-fpm: contai…

---

## [Content Management System](https://forum.ficusonline.com/t/topic/504)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2024 年 1 月 23 日午後 2:04 UTC](https://forum.ficusonline.com/t/topic/504 "2024-01-23T14:04:03Z")

</div>

Content Management System https://github.com/topics/cms Hugo Language: go Wagtail Language: Python Headless CMS St…

---

## [Strapi CMS (TypeScript, JavaScript) on Docker](https://forum.ficusonline.com/t/topic/505)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 5\
**最終更新:** [2024 年 2 月 4 日午前 7:04 UTC](https://forum.ficusonline.com/t/topic/505 "2024-02-04T07:04:20Z")

</div>

Strapi フロントエンドは、サイトを構築する各種データを、API経由で独立した別サーバから取得してレンダリングされます。このAPIサーバの役割を担うのがStrapiであり、別途フロンドエンドとしてテンプレートを用意する必要があります。 …

---

## [Locomotive CMS (Ruby on Rails + Docker)](https://forum.ficusonline.com/t/topic/503)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 4\
**最終更新:** [2024 年 1 月 24 日午前 5:31 UTC](https://forum.ficusonline.com/t/topic/503 "2024-01-24T05:31:26Z")

</div>

Locomotive CMS https://www.locomotivecms.com/ Wagon（コマンドラインツール）でサイトの雛形を作成し、その雛形をEngine（サーバ）へアップロード（デプロイ）。ウェブサイトのバックエンドと…

---

## [Ruby, Ruby on Rails + Docker](https://forum.ficusonline.com/t/topic/501)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2024 年 1 月 15 日午後 2:02 UTC](https://forum.ficusonline.com/t/topic/501 "2024-01-15T14:02:47Z")

</div>

Quickstart: Compose and Rails awesome-compose/official-documentation-samples/rails at master · docker/awesome-compose · …

---

## [Pimcore + Docker](https://forum.ficusonline.com/t/topic/378)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 9\
**最終更新:** [2024 年 1 月 11 日午後 3:22 UTC](https://forum.ficusonline.com/t/topic/378 "2024-01-11T15:22:11Z")

</div>

PimcoreのDockerコンテナを作成 Pimcore PHP-FPM Image Pimcore Installation https://pimcore.com/docs/6.x/Development\_Documentati…

---

## [PHPフレームワーク Laravel (+ Docker)](https://forum.ficusonline.com/t/topic/360)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 7\
**最終更新:** [2023 年 11 月 20 日午前 5:44 UTC](https://forum.ficusonline.com/t/topic/360 "2023-11-20T05:44:29Z")

</div>

PHPフレームワークであるLaravelをDockerコンテナとして運用します。データベース管理にphpmyadminを使用するため、nginx、phpmyadminコンテナが必要となります。 以下その手順です。 Dockerネ…

---

## [PrestaShop 1.7.x テーマ（テンプレート）のカスタマイズ（Webpack）](https://forum.ficusonline.com/t/topic/114)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 6\
**最終更新:** [2022 年 7 月 26 日午前 9:33 UTC](https://forum.ficusonline.com/t/topic/114 "2022-07-26T09:33:07Z")

</div>

イーコマースCMSであるPrestaShopをストアサイトに採用しました。従来のMagentoによるストアサイトは、構成ファイルの階層の深さによるカスタマイズの煩雑さや、バージョンアップ毎の不具合頻度の多さから採用を取りやめました。 Pr…

---

## [Pimcore TinyMCE プラグイン追加](https://forum.ficusonline.com/t/topic/486)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2023 年 6 月 29 日午前 3:21 UTC](https://forum.ficusonline.com/t/topic/486 "2023-06-29T03:21:09Z")

</div>

v11へのアップデートに伴い、デフォルトのエディターがCKEditorからTinyMCEへ変更。このエディターはPimcoreのバンドルとして webpack によりビルド・導入されているため、関連ファイルを変更後再ビルドする必要があります…

---

## [Pimcoreエラー対応](https://forum.ficusonline.com/t/topic/331)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 6\
**最終更新:** [2023 年 10 月 29 日午前 2:18 UTC](https://forum.ficusonline.com/t/topic/331 "2023-10-29T02:18:32Z")

</div>

Server 500 Error 試験サーバ上でPimcore6へアップデート後、ファイル一式とsqlデータをGCEへ移行。 フロントエンド画面で500エラー発生（ブランクページ）。 \<原因\> PimcoreのData Objec…

---

## [Discourseカスタマイズ](https://forum.ficusonline.com/t/topic/35)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 5\
**最終更新:** [2023 年 10 月 11 日午後 1:35 UTC](https://forum.ficusonline.com/t/topic/35 "2023-10-11T13:35:01Z")

</div>

\<div id="bottom-navbar" class="wrap" style="height:20px; padding-top:15px; padding-bottom:30px;"\> \<span id="bottom-na…

---

## [Pimcore : アップデート・インストール](https://forum.ficusonline.com/t/topic/218)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 11\
**最終更新:** [2023 年 7 月 13 日午前 1:11 UTC](https://forum.ficusonline.com/t/topic/218 "2023-07-13T01:11:57Z")

</div>

Pimcoreアップデートの際のComposerパスエラーへの対処 PImcore update 4.6.3 to 4.6.4 “Composer is not installed properly” https://talk.pim…

---

## [静的サイトジェネレータ Jekyll on Ubuntu](https://forum.ficusonline.com/t/topic/487)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 1\
**最終更新:** [2023 年 7 月 3 日午前 7:13 UTC](https://forum.ficusonline.com/t/topic/487 "2023-07-03T07:13:46Z")

</div>

静的サイトジェネレータJekyll インストールする前に以下のパッケージをインストール $ sudo apt-get install ruby-full build-essential zlib1g-dev ユーザ環境にgemsをイ…

---

## [Composerのインストール・使い方](https://forum.ficusonline.com/t/topic/216)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 5\
**最終更新:** [2023 年 4 月 23 日午前 5:07 UTC](https://forum.ficusonline.com/t/topic/216 "2023-04-23T05:07:47Z")

</div>

ホームフォルダ内で以下のシェルスクリプトを実行。シェルスクリプトには実行権を付与すること。 $ sudo chmod +x composer\_install.sh スクリプトの内容は下記サイトにて確認のこと。 #!/bi…

---

## [PrestaShop + Nginx](https://forum.ficusonline.com/t/topic/377)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 2\
**最終更新:** [2022 年 12 月 26 日午前 6:27 UTC](https://forum.ficusonline.com/t/topic/377 "2022-12-26T06:27:28Z")

</div>

PrestaShop Nginx Congiguration Adminディレクトリ(sub directory:store) はフォルダ名を変更して、Nginxの設定にも反映させること。 # \[REQUIRED EDIT\] Ch…

---

## [Twitter 埋め込みタイムライン](https://forum.ficusonline.com/t/twitter/99)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 2\
**最終更新:** [2022 年 8 月 20 日午前 12:46 UTC](https://forum.ficusonline.com/t/twitter/99 "2022-08-20T00:46:17Z")

</div>

特定ユーザのツイートタイムラインのウェブサイトへの埋め込みについて。 ＜参考サイト＞ 以下サイトで特定ユーザを指定します。 例）@ficus\_online\_st 次に埋め込むタイプを指定します。Embedde Timeline…

---

## [Pimcore(Symfony+Twig)開発ティップス](https://forum.ficusonline.com/t/topic/428)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 24\
**最終更新:** [2022 年 9 月 10 日午後 12:13 UTC](https://forum.ficusonline.com/t/topic/428 "2022-09-10T12:13:35Z")

</div>

Pimcoreアップグレートに伴うブラッシュアップ Link Generator https://pimcore.com/docs/pimcore/current/Development\_Documentation/Objects/Obj…

---

## [WISEによる国際送金:APIとWebhook](https://forum.ficusonline.com/t/topic/446)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 3\
**最終更新:** [2022 年 5 月 11 日午前 6:04 UTC](https://forum.ficusonline.com/t/topic/446 "2022-05-11T06:04:20Z")

</div>

WISEによる送金サービスのAPIとWebhookの使用例をここで別途記載します。WISEとはPaypalやStripe等と同様の国際送金サービスですが、送金時に適用される為替レートの変換率がほぼ市場での値と同等であり、手数料も低く抑えられ…

---

## [PrestaShopモジュールの作成](https://forum.ficusonline.com/t/topic/133)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 1\
**最終更新:** [2022 年 3 月 15 日午後 2:17 UTC](https://forum.ficusonline.com/t/topic/133 "2022-03-15T14:17:21Z")

</div>

How to add an optional variable to fn in $interval service on AngularJS. AngularJSの$intervalサービス内で指定した関数に変数を受け渡すには …

---

## [Pimcore CKEditor Syntax Highlight; Code Snippet](https://forum.ficusonline.com/t/pimcore-ckeditor-syntax-highlight-code-snippet/65)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 6\
**最終更新:** [2021 年 11 月 26 日午前 5:19 UTC](https://forum.ficusonline.com/t/pimcore-ckeditor-syntax-highlight-code-snippet/65 "2021-11-26T05:19:09Z")

</div>

PimcoreのデフォルトエディターであるCKEeditorのプラグイン、Code Snippetにより各種プログラムコードを強調表示させる方法について。 Pimcoreに限らずブログ用CMSでCKEditorが標準装備されている場合の参…

---

## [css+scss](https://forum.ficusonline.com/t/topic/429)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2021 年 8 月 27 日午前 1:03 UTC](https://forum.ficusonline.com/t/topic/429 "2021-08-27T01:03:11Z")

</div>

CSS rem, em https://www.w3schools.com/cssref/css\_units.asp Font Awesome Font Awsomeテキストにアイコン追加 \<style\> .icon::bef…

---

## [Bootstrap(Memo)](https://forum.ficusonline.com/t/topic/427)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 2\
**最終更新:** [2021 年 8 月 24 日午後 1:45 UTC](https://forum.ficusonline.com/t/topic/427 "2021-08-24T13:45:43Z")

</div>

Bootstrap 4 Icons \<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha…

---

## [Discourse API](https://forum.ficusonline.com/t/topic/426)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2021 年 8 月 6 日午後 1:39 UTC](https://forum.ficusonline.com/t/topic/426 "2021-08-06T13:39:02Z")

</div>

APIドキュメント Get the latest topics https://{defaultHost}/latest.json データフォーマット { "users": \[ { "id": 0, …

---

## [JavaウェブアプリフレームワークGrails](https://forum.ficusonline.com/t/topic/404)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2020 年 12 月 30 日午前 9:27 UTC](https://forum.ficusonline.com/t/topic/404 "2020-12-30T09:27:09Z")

</div>

Grails Github Grails-core

---

## [サブリソース完全性 SRI Hash Generator](https://forum.ficusonline.com/t/topic/376)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2020 年 6 月 29 日午前 8:23 UTC](https://forum.ficusonline.com/t/topic/376 "2020-06-29T08:23:57Z")

</div>

SRI Hash Generator ex) jQuery https://code.jquery.com/jquery-3.5.1.slim.min.js \<script src="https://code.jquery.co…

---

## [Linphoneユーザ管理ウェブフロントエンド:Vol.2](https://forum.ficusonline.com/t/topic/369)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 1\
**最終更新:** [2020 年 5 月 29 日午前 7:53 UTC](https://forum.ficusonline.com/t/topic/369 "2020-05-29T07:53:57Z")

</div>

前回Vol.1の続き。laravel-authをベースにLinphoneユーザ管理ウエブフロントエンドを作成します。Linphoneのユーザ管理システムにおけるLaravel標準のユーザ管理システムとの大きな相違点は、(1)パスワードテーブ…

---

## [Linphoneユーザ管理ウェブフロントエンド:Vol.1](https://forum.ficusonline.com/t/topic/368)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 0\
**最終更新:** [2020 年 5 月 25 日午後 12:32 UTC](https://forum.ficusonline.com/t/topic/368 "2020-05-25T12:32:22Z")

</div>

Linphoneユーザ管理ウェブフロントエンドをLaravelにより作成します。php-fpmのDockerコンテナ内にlaravel-authをインストール、これをベースにLinphoneのユーザ認証・データベースに合うようにコードを修正…

---

## [Laravel ティップス](https://forum.ficusonline.com/t/topic/364)

<div class="topic-metadata">

**Author:** [@tk-fuse](https://forum.ficusonline.com/u/tk-fuse)\
**返信:** 9\
**最終更新:** [2020 年 5 月 22 日午後 12:05 UTC](https://forum.ficusonline.com/t/topic/364 "2020-05-22T12:05:19Z")

</div>

Artisanコンソール $php artisan tinker tinkerコマンドによるLaravelアプリケーション内のコード動作確認 ex) tinkerコマンドによるリレーションテーブルを含めたモデルインスタンスの確認 …

[次のページ](https://forum.ficusonline.com/c/webdesign/12.md?page=1)