Web開発日記

NetlifyのForms機能を利用してお問合せフォームを作成する方法

最近Nuxt.js + contentful + Netlifyでサイトを構築することも多くなってきました。今回はNetlifyのForms機能であるNetlify Formsを利用して、お問合せフォームを作成する方法を記載します。 Netlify Formsについてhttps://www.netlify.com/products/forms/ Netlify Formsを利用すると、サーバ側の実装等をすることがなく簡単にお問合せフォームを利用することができます。

【Drupal 8】twigテンプレート内にviewsで作成したブロックを表示する方法

page.html.twigファイルにviewsで作成したブロックを表示させる方法を記載します。 viewsでブロックを作成まずはviewsでブロックを作成します。作成したら、「viewのシステム名」と「システム内部名称」をコピーしておきます。 - viewのシステム名：管理用名称下記の場合は「about」がシステム名です。 - システム内部名称下記の場合は「blodk_1」がシステム内部名称です。 .themeファイルに追記テーマ名.themeファイ

【Drupal 8】twigファイルでテーマへのパスを呼び出す方法

Drupal8を利用していて、twigファイルにて現在利用しているテーマファイルまでのパスを呼び出す方法を記載します。下記です。 {{ base_path ~ directory }} 例えばテーマパス内の、「images/image.jpg」という画像を表示させたい時は下記のように記載します。 <img src="{{ base_path ~ directory }}/images/image.jpg" /> 以上です。 -- Drupal 7まではtwi

松本市のコワーキングスペース『SWEET WORK』の２周年キャンペーンサイトを作りました。

ほぼ毎日のように利用している長野県松本市のコワーキングスペース『SWEET WORK』が２周年を迎えました。ということで、お祝いを兼ねて２周年記念キャンペーンサイトを作りました。 https://2nd-sweet.work/ 画面画面は単純に４ページほどです。トップページお祝い一覧ページお祝い詳細ページお祝い投稿ページサイトのポイント今回はクライアントがいるわけではない（実際はSWEET WORKさんのサイトなのでクライアントといえばそうなんです

【Laravel】カラムを追加する方法

Laravelでテーブルにカラムを追加したいなと思うことが多々あります。テーブル自体を削除して作り直すやり方もあるのですが、そうするとテーブル内のデータが全て消えてしまいます。今回は、テーブルは削除せずにカラムを追加する方法を記述します。 Migrationファイルを作成する。まずはMigrationファイルを作成します。今回は・追加したいテーブル名：samples ・追加したいカラム名：column とします。下記実行します。 php artisa

【Nuxt.js】faviconの設定方法

Nuxt.jsでfaviconの設定方法です。デフォルトでは下記faviconが設定されています。こちらを変更します。 faviconはstaticディレクトリ内にあるfavicon.icoというファイルで制御されています。こちらを変更することで、faviconの変更が可能です。以上です。

【css】画像を丸く切り取る方法

twitterやインスタグラムのアイコンのように、画像が丸く表示されるのを最近よく見ます。今回はcssにて画像を丸く切り取る対応方法を説明します。正方形の画像の場合下記のようなソースコードの場合。 <img src="/sample.jpg"> このままだと四角のまま表示されます。ここで、cssにborder-radiusを利用すると円形に切り取ることができます。 img{border-radius: 50%;} 下記のようになります。長方形の画像の場

Drupalをローカル環境で動かす『Acquia Dev Desktop』のご紹介。

久々にDrupal案件やってます。なかなか楽しい。で、できればローカル環境でサクサクっと開発したいなと思い、ローカルでDrupalを動かす方法をいろいろ探していたのですが、一番簡単な方法を発見しました。それが、Acquire Dev Desktopです。 Acquia社が開発しているAcquia Dev Desktopを使い、手軽にDrupal 8のローカル環境を構築します。 Acquia Dev Deskopのダウンロード下記よりAcquia Dev Desk

2019年11月の記事一覧