こんにちは。コバヤシです。 今回はVue.jsでドラッグ&ドロップでソートする方法について書きたいと思います。 Vue.Draggableをインストールする Vueでドラッグ＆ドロップをするならこれっていうくらい定番のライブラリです。 github.com まずこれをインスト…

こんにちは、ナカムラです。 レスポンシブなページではユーザーの環境によって表示される幅が様々です。 スマホのような幅の狭い画面には縦並びに、PCのような幅が広い画面では横並びにするなど、ユーザーに最適なレイアウトに調整していきます。 レイアウト…

こんにちは、ユアサです。 前回の記事では、エラー時の処理と値を保持する処理を実装しました。今回は、最後の機能である自動返信メール機能を実装します。 ↓前回の記事 tech.arms-soft.co.jp PHPMailerのインストール PHPMailerはComposerを使用してインス…

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

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

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

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

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

こんにちは、ナカムラです。 今回はSNSシェアボタンの設置方法について書こうと思います。 （この記事は2021年1月27日時点での情報になります。2023年9月22日：Twitterの部分に追記しました。） よく設置するTwitter、Facebook、LINEについてです。 オリジナ…

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