使う場合はココに注意!サイドバーのあるWebサイトデザイン

こんにちは、ハヤマです。 今回は、サイドバーのあるWebサイトデザインについて、メリット・デメリットや、コーディングを始める前にデザインの時点で考えておくべき点をまとめていきたいと思います。 サイドバーとは メインコンテンツの横(右・左)にある…

ミスを軽減!Chromeで文章校正ができるプラグイン

こんにちは、ナカムラです。 今回は使ってみて便利だったChromeの拡張機能をご紹介します。 ナカムラは文章校正というのがとても苦手です。 !などの記号や、()は全角に統一するようにしているのですが、 使用しているフォントだったり、文字詰めをしてい…

2021年-PHPフレームワーク トレンド比較

こんにちは。コバヤシです。 今回は、2016にやったPHPフレームワークのトレンド比較を改めてやってみたいと思います。 あれから5年どのように変わったでしょうか? tech.arms-soft.co.jp 比較するCMSも前回と同じ以下のフレームワークにしてやってみます。 …

お問い合わせフォームを作ってみる -実装編③:エラー時の処理と値を保持する処理の実装-

こんにちは、ユアサです。 前回までの記事ではValitronを使用した入力内容のバリデーションを実装しました。今回は、前回予告した通りバリデーションでエラーが発生した際に入力画面に戻り、エラー内容が表示される処理を実装していきます。 また、バリデー…

[GoogleFonts]分析データ結果から新たなフォントを開拓:7選

こんにちは、ハヤマです。 前回はGoogleFontsの年間ランキングについて記事を書きました。 tech.arms-soft.co.jp 今回もGoogleFontsのフォントについて調べてみたいことがあったので書いていきたいと思います。 はじめに 前回の記事では、上位5位のフォント…

SNSシェアボタンをオリジナルスタイルで設置する方法2021

こんにちは、ナカムラです。 今回はSNSシェアボタンの設置方法について書こうと思います。 (この記事は2021年1月27日時点での情報になります) よく設置するTwitter、Facebook、LINEについてです。 オリジナルのスタイルで設置する方法と、 シェアの際に本…

とても簡単!Googleスプレッドシートにデータを追加する方法

こんにちは、コバヤシです。 今回はGoogleスプレッドシートにデータを追加する方法について書きたいと思います。 Google Sheet APIを有効にする まずは、Google Sheet APIを使えるようにします。 Google Cloud Platformから新たにプロジェクトを作成し、作成…

お問い合わせフォームを作ってみる -実装編②:入力内容のバリデーション-

こんにちは、ユアサです。 前回までの記事では、入力画面・確認画面・完了画面を作成しました。今回は、このシリーズで紹介したライブラリであるValitronを使ってバリデーション機能を実装していきます。 ↓前回の記事 tech.arms-soft.co.jp ↓前々回の記事(…

分析データから見る、2020年の人気Google Fontsはこれだ!

こんにちは、ハヤマです。 唐突ですが、もう年末。今年は色々とありましたね。 色々とありすぎて、季節感すら追えていません、、。 そんな状態ですが、せめてブログでは時期に合ったネタ?を紹介したいと思います。 はじめに Webサイトデザイン制作において…

vue.jsでHTMLの流し込みを簡単に!コンポーネント化でパターン違いも簡単!

こんにちは、ナカムラです。 スタティックのHTMLページを作成している中で、商品情報など、 同じレイアウトを繰り返すコンテンツがあります。 数が少なければ手作業で書き込めば良いですが、10件、20件ともなるとなかなか大変な作業になります。 そこで今回…