ブログBLOG

【Webツール紹介！】リキッドレイアウト対応の図形を出力するCSSジェネレーター

自社で作成したツール「Liquid Layout CSS Generator」の紹介です。 グラデーションを表現したり、綺麗な模様を描いたり、アニメーションを実装したりと、少し難しいCSS表現を簡単に出力してくれる「CSSジェネレーター」は、Web制作に携わっている方であれば何度かお世 ...

ReactとNext.jsでウェブサイトを作る

本記事ではウェブサイトの作り方に悩んでいる人に向けて、ReactとNext.jsでウェブサイトを作る方法を紹介します。 ReactとNext.jsはプログラムの道具箱のようなもので、ウェブサイトを作るときに必要な部品が揃っています。 そのため、ウェブサイトをより効率的に開発することが ...

勤怠管理システムの費用対効果とは？算出方法から費用対効果を高める方法も解説

勤怠管理システムは、従業員の出退勤や勤務時間を効率的に管理するための重要なツールです。 手作業での管理に比べて、システムを導入することでデータの精度が高まり、労務管理の負担が軽減されます。 その結果、業務効率の向上やコスト削減が実現できるだけでなく、法令遵守の強化にもつながります。 今 ...

機種依存文字の解決方法について【変換ツール紹介！】

自社で作成したツール「機種依存文字チェッカー＆変換ツール」の紹介です。 テキストの中に，丸数字（①，②など）や単位文字（㎜，㎡など）やカッコ文字（㈱，㈲など）などのいわゆる「機種依存文字」もしくは「環境依存文字」と呼ばれている文字が入っているかどうかをチェックし，「通常の文字」に変換するツ ...

PHPでよく使用する記述の処理速度比較と高速化

少し前にプログラムを書く上での時間と労力を削減する方法についての記事を書きました。 プログラムにおける命名規則や記法に則り、時間と労力を削減！ 社内で「為になる」というお言葉をいただけたというのと、先月新卒が入社したこともあり良いタイミングということで、今回はPHPでよく使用する記述の処理速 ...

プログラムにおける命名規則や記法に則り、時間と労力を削減！

最近、自分自身が2年ほど前に書いたコードを書き直すタイミングがありました。 その頃は複数人でコードを書くことや、自分自身が読み返す際のことも一切考慮せず、 とにかく楽して書くということをしていたので、コードは本当にひどいものでした。 コード自体はそれほど難しい内容ではなかったのですが、 書き直 ...

Windows環境Gitインストール完全版（Sourcetree、TortoiseGit）【2022年最新版】

Git関連のインストールは選択項目が多いため、慣れていない人にとっては何を選んでよいのか分からないことがあるかもしれません。 そこで今回は画像と補足をいれながら ①Git for Windows Version 2.34.1 ②Soucetree Version 3.4.7 ③TortoiseG ...

gulp+EJS+JSONで大量のHTMLを効率的に生成する

CMSを構築するほどでもないけれど、複数のページをさくっと作りたい。もしくは、PHPが使えない・インクルードができないサーバーでもページを量産したい。そういったとき、手軽にHTMLを生成できる「EJS」がとても便利です。EJSを活用すると、JSONファイルでコンテンツを一括管理して、それを元に静 ...

初学者が躓きやすいGitの使い方

Gitとはファイルなどへの変更履歴を記録しそのバージョンを管理するツールで、誰がソースコードのどこを変更したのかなどを管理するためのものです。 エンジニアやコーダーの実務においてGitは必須知識だと思います。 しかし使い始めの時は何をしているのか分からず戸惑ってしまう事がありました。 今回はそ ...

CSSの数学関数を使って記述をスマートに！【calc(), min(), max(), clamp()】

CSS関数をご存じですか？ よく使うのがcalc()やtranslate()、rgba()などで、関数名 + ()で記述されるもののことを指します。 今回は、中でもCSSの数学関数に焦点を絞って解説していこうと思います。 calc()は普段から使っている方も多いと思いますが、min() ...