オートプロジェクトの掃除の取り組み 弊社では、掃除・整理整頓をして綺麗な環境にすることで仕事にも集中できると考えています。 弊社のスタッフは皆、パソコンを使った仕事をするデスクワークです。デスクワークだと、整理されていない環境、例えばゴミやホコリが落ちていると、そこに目がいってしまい仕事に集中できなくなることがあります。 集中力がある人ならどんな環境でも仕事ができるのですが、全体

今回は、CSSの［background-clip］を使用して、下記のように背景画像をテキストの形に切り抜く方法を紹介します。 設定方法 設定は簡単です。切り抜く箇所に、背景画像と［ background-image］とテキストの色を透過指定［color: transparent;］し、切り抜く［background-clip: text;］を指定してください。 HTML

弊社サービスのTEGARUでは、まず最初にシンプルな企業用デザインを開発しました。 法人向けテンプレート｜企業や法人に特化したテンプレートです。製品・サービスの紹介ページや会社概要、お問い合わせなど、法人サイトに必要なページが揃っています。 そして、このデザインには敢えてブログ機能は持たせていません。それは、以下の理由によるものです。 ブログ機能があってもブログを使用していな

先日、「オートプロジェクトの掃除の取り組み」で掃除のメリットとして「人間性が上がる」と書きましたので、その説明をします。 以下は本に書いてあることの抜粋になるのですが、著名な経営者も掃除の重要性を説かれています。 鍵山秀三郎「掃除道」より とくに、荒んだ心の人を落ち着かせ、穏やかにするためには、掃除をしてきれいにすることがもっとも効果的であるということを実感してきました。

今回は、グリッドレイアウトの新機能サブグリッドを紹介します！ グリッドレイアウトとは 要素を格子状（グリッド）に配置するレイアウト手法です。flexboxと同じで、親要素と子要素が必要。 親要素にdisplay: grid;を記載することで、下記のように全体を囲む親要素がグリッドコンテナーになり、子要素がグリッドアイテムになります。また、グリッドアイテムの間の空白スペースをグリッドギャッ

WordPressの記事をDeepLのAPIを使用して翻訳した際に、HTMLタグが正しく認識されず、翻訳後に閉じタグが「&lt;h3」のように表記されてしまうという事例が発生したため、その対処法です。 HTMLタグが正しく認識されない場合の解決方法 以下のように正規表現を用いて閉じタグが不完全な部分を補完します。 preg_replace('#</([^>

kusanagi updateを行い、PHPバージョンを7.4にしようとしても失敗する時の対応例です。 下記のような問題が発生する場合があります。 kusanagi updateを実行 → パッケージがないなどで怒られる yum update --enablerepo=remi,remi-php56を実行 → mariadbのレポジトリがないと怒られる 解決方法とし

弊社では、業務を開始する前にみんなで「掃除」を行っています。 ルールは、以下のように簡単なものです。 毎朝5分、タイムカードを押した後に行う 常に少し変化を加えて掃除をする また、この掃除は次の目的で行っています。 人間性が上がる 仕事に集中できる 細かいことに気づけるようになる 気持ちの切り替えが行える より良い空間の中でいることで、

以前の記事で、「SwiperとCSSを使用し、スライダーの背景画像をズームしながらふわっと切り替えする方法」を紹介しました。 SwiperとCSSを使用し、スライダーの背景画像をズームしながらふわっと切り替えする方法 今回は、画像をズームアップさせた際にスマホで確認すると、途中でズームアップされず、かくっとなる現象が起きたため、その解決方法を紹介します。 設定は簡単です。 アニメー

先日、日進市商工会様主催の第2回 ECサイト活用セミナーの講師として改めてお話しさせていただきました。 セミナーの内容はこちらです。 ターゲット設定と目標値の設定 伝えたいメッセージの明確化と目標達成のために必要なこと 商機を見逃さないためにすべきこと 参加された方のほとんどは、ECサイトを現在運営していません。そこで今回は、「WebやECを今後いかに活用していきたいか」を発