2024.03.27 WEBシステム開発 Zodを使用したバリデーション実装ではまったこと【メールアドレス必須エラー 編】 フォームを作る際のスキーマをZodを使って実装しています。 最近、メールアドレスを入力するフォームを作るにあたって、痒い所に手が届かないなと感じた点がありましたので、備忘録として残しておこうかと思います。 実際に感じたむず痒い箇所 実際にスキーマ例を作るうえで、メールアドレス入力フォームの要件を以 [...]
2024.03.25 WEBWebデザイン Google Chromeのデベロッパーツールでリアルタイム修正をしよう（HTML・CSS編） web制作において、ブラウザでコーディングを確認、修正できるデベロッパーツールは欠かせない存在です。 デベロッパーツールとはブラウザに標準で搭載しているデバッグツールで、リアルタイムでのコード編集・確認や、コンソールエラーのチェック、スマーフォンなどの携帯端末の表示をチェックできたりとその機能は多 [...]
2024.03.21 WEBアクセシビリティ 便利な文章校正ツールを使って、webサイトで読みやすい文章を実現しよう！ webサイトの原稿を、Wordなど印刷用のデータでもらってそのまま貼り付けしていませんか？ 紙媒体での読みやすさと、web媒体での読みやすさは異なります。 印刷用の原稿をそのままwebサイトに掲載すると、ウェブアクセシビリティが損なわれたり、SEOへ悪影響が出たりする可能性があります。 弊社では「 [...]
2024.03.21 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさのRustを覗いてみる（スレッド編 その1） みなさまお久しぶりです。 今回も「The Rust Programming Language」を読みながら、 スレッドについて見ていきたいと思います。 参照 https://doc.rust-lang.org/book/ https://doc.rust-jp.rs/book-ja/ （日本語 [...]
2024.03.21 WEBWebデザイン CSSでもifが使いたい！:has()擬似クラスを使ってCSSセレクタに条件分岐を書く方法 CSSでコーディングをしていると 〇〇のときだけ××したい □□のときは△△してほしい といった「条件」によって「分岐」を必要とするセレクタを書く機会がたくさんあると思います。 CSSはシンプルで柔軟な言語ですので、セレクタを工夫することで大体の条件を満たすことができるのですが、シンプルがゆ [...]
2024.03.12 WEBWebデザイン Magic Designなど新機能が続々登場！Canva2023年アップデートで追加されたおすすめの新機能10選 オンラインで使える無料のグラフィックデザインツールであるCanvaは、頻繁にアップデートが行われており、日々使いやすく進化しています。 そんなCanvaですが2023年に大型のアップデートが実施され、たくさんの新機能が登場しました。 この記事では、アップデートで追加された、おすすめの新機能10選を [...]
2024.02.29 WEBWeb全般 Googleカレンダーをホームページに埋め込んでみよう！デザインも簡単にカスタマイズ！ ホームページに「お店の営業日」や「イベント情報」をカレンダー形式で表示したいと思ったことはありませんか？ Googleカレンダーは登録した情報をカレンダー形式で表示でき、簡単にホームページに埋め込むことができるため、とても便利です。 また、カレンダーの色やサイズ、枠線など自由にカスタマイズできます [...]
2024.02.27 WEBSEO・SEM Googleサーチコンソールでwebサイトにアクセスするユーザーの検索キーワードを知り、サイト改善やSEOに役立てよう！ 運営しているwebサイトやブログなどにユーザーがどのような検索キーワードでアクセスしているのかを知ることはとても重要です。 ユーザーの流入検索キーワードを知ることで、「ユーザーが求めていること」「ユーザーが知りたいこと」「ユーザーの悩み」を把握することができ、サイト改善やSEOに役立てることができ [...]
2024.02.27 WEBWebデザイン 【Figma】一気にクオリティが上がる！シェイプやテクスチャなどデザイン要素のおすすめプラグインを紹介 今回はFigmaのプラグインの中でもシェイプ、テクスチャ、その他のデザイン要素を作成するのに特に役立つプラグインを12個ご紹介します。 INDEXプラグインの導入方法シェイプと変形のプラグインBlobsTo PathWave&CurveSkewDatIsometricWarp Itテクス [...]
2024.02.22 WEBシステム開発 Go1.21で追加された「mapsパッケージ」とは？実際にパッケージ内の関数を使うコードを書いてみた。 気づいたらGo1.22がリリースされていましたが、今回は引き続き1.21で追加されたパッケージを調べようと思います。 今回はmapsパッケージについて解説します。 mapsパッケージの概要 Package maps defines various functions useful with map [...]
2024.02.15 WEBシステム開発 monorepoを1つのStorybookで管理したい！その手順と遭遇した問題を解説します。 現在開発中のフロントエンドのプロジェクトではアプリケーションを横断して使用するコンポーネントが必要なこともあり、pnpm workspace を利用した monorepo 構成を取っています。 アプリケーション開発では、コンポーネント単位で細かく実装、確認、テストができると便利です。そう、Stor [...]
2024.02.09 WEBシステム開発 Safariでのみ正常に動かない！？iPhoneでdatePickerが正常に動かなくてハマったお話 みなさま、javascript使っていますでしょうか。 筆者はPHPをメインでシステム開発を行っており、補助的に使うことが多いです。 そんな筆者が今回ぶち当たった壁と、その解決方法について解説していこうと思います。 開発環境 ブラウザ（PC）：Chrome最新版（2024/01/29時点） ブラ [...]
2024.02.09 WEBシステム開発 PHPのwebアプリケーションフレームワーク「Laravel」でAPIを作ってみる 2024年も始まり、早くも2月に突入してしまいましたが、みなさまはいかがお過ごしでしょうか？ 私は、相変わらずバックエンドとフロントエンドを行き来する忙しい日々を送っています。 前回に引き続き、今回はLaravelを使ってAPIを作ってみたいと思います。 前回の記事はこちら 簡単に迅速に認証機 [...]
2024.01.29 WEBシステム開発 日本語プログラミング言語「なでしこ」を使ってGUIアプリを作成してみた 「日本語プログラミング言語「プロデル」を使ってGUIアプリを作成してみた」に引き続き、今回は日本語プログラミング言語シリーズ第2弾ということで「なでしこ」という日本語プログラミング言語を使って、プロデルの時と同等機能のアプリを作成して、使用感などを比較していきたいと思います。 まず「なでしこ」とは [...]
2024.01.26 WEBWebデザイン jQueryプラグイン「bxSlider」の使い方とオプションとカスタマイズまとめ（Tickerモード編） jQueryプラグイン「bxSlider」シリーズの6作目となります。 jQueryプラグイン「bxSlider」シリーズ jQueryプラグイン「bxSlider」の使い方とオプションとカスタマイズまとめ（導入編） jQueryプラグイン「bxSlider」の使い方とオプションとカスタマイズ [...]
2024.01.12 WEBWebデザイン 【Canvaの使い方】復元できて便利！データの削除・保存・復元方法 これまで多くのCanvaの機能を紹介してきましたが、今回はCanvaでデータを削除・保存・復元する方法をご紹介します。 Canvaで作成したデザインを削除した場合、削除してから30日以内であれば復元が可能です。 また、CanvaProを契約している場合は、編集履歴からデータを復元できます。 このよ [...]
2024.01.12 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（スマートポインタ編 その2） みなさまお久しぶりです。 今回も前回の「スマートポインタ編 その1」に引き続き、Rustのスマートポインタを掘り下げていきたいと思います。 うわさの「Rust」を覗いてみるシリーズ 過去の記事 その1 公式のガイドに沿って入門してみる その2 変数を覗いてみる その3 所有権を覗いてみる そ [...]
