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.29 BUSINESS仕事効率化ツール 作業効率UP！Googleドキュメントの「提案モード」で⽂章校正・修正がラクラク便利！ ドキュメントツールを使って作成した記事や文章について、社内で校正に回したり、修正依頼を行ったりする場合があるかと思います。 その際、修正内容をわざわざ印刷して紙に書き込んでいませんか？また、パワーポイントなど編集ソフトを使用して赤字を入れていませんか？その場合、書きこんだ文字が読めなかったり、修正 [...]
2024.02.27 WEBSEO・SEM Googleサーチコンソールでwebサイトにアクセスするユーザーの検索キーワードを知り、サイト改善やSEOに役立てよう！ 運営しているwebサイトやブログなどにユーザーがどのような検索キーワードでアクセスしているのかを知ることはとても重要です。 ユーザーの流入検索キーワードを知ることで、「ユーザーが求めていること」「ユーザーが知りたいこと」「ユーザーの悩み」を把握することができ、サイト改善やSEOに役立てることができ [...]
2024.02.27 WEBWebデザイン 【Figma】一気にクオリティが上がる！シェイプやテクスチャなどデザイン要素のおすすめプラグインを紹介 今回はFigmaのプラグインの中でもシェイプ、テクスチャ、その他のデザイン要素を作成するのに特に役立つプラグインを12個ご紹介します。 プラグインの導入方法 プラグインの導入方法については、下記の記事で詳しく説明していますので、よろしければこちらをご覧ください。 関連記事【Figma】デザイン [...]
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.26 LIFEIT活用 iPhoneの写真編集機能がどこまで編集可能なのか、すべて使ってみた＜第3弾～マークアップ＞（ios 17.1.1） 第1弾ではiPhoneの画像編集機能の中から「調整機能」「フィルタ」について、また、第2弾では「トリミング」「傾き」「回転/反転」について、ご紹介いたしました。 iPhoneの写真編集機能シリーズ iPhoneの写真編集機能がどこまで編集可能なのか、すべて使ってみた＜第1弾～調整機能（補正）・ [...]
2024.01.12 WEBWebデザイン 【Canvaの使い方】復元できて便利！データの削除・保存・復元方法 これまで多くのCanvaの機能を紹介してきましたが、今回はCanvaでデータを削除・保存・復元する方法をご紹介します。 Canvaで作成したデザインを削除した場合、削除してから30日以内であれば復元が可能です。 また、CanvaProを契約している場合は、編集履歴からデータを復元できます。 このよ [...]
2024.01.12 WEBシステム開発 安全性、速度、並行性を兼ね備えた言語と、巷でうわさの「Rust」を覗いてみる（スマートポインタ編 その2） みなさまお久しぶりです。 今回も前回の「スマートポインタ編 その1」に引き続き、Rustのスマートポインタを掘り下げていきたいと思います。 うわさの「Rust」を覗いてみるシリーズ 過去の記事 その1 公式のガイドに沿って入門してみる その2 変数を覗いてみる その3 所有権を覗いてみる そ [...]
2024.01.05 BUSINESS仕事効率化ツール Zoomのホワイトボード機能を知ろう！ブレインストーミングやアイディア整理に便利な機能 Zoomの機能に「ホワイトボード」という機能があるのをご存じでしょうか？ この機能は、オンラインで使えるホワイトボードのことで、共同で書き込み、編集ができる機能です。web会議ミーティングをより快適にするための機能として誕生しましたが、2022年のアップデートでこのホワイトボード機能が独立し、we [...]
2023.12.29 WEBWebデザイン 【CSS】max-width、min-widthの活用方法と実用的なwidthの指定パターン 前回フレックスボックスについて紹介しましたが、今回はレイアウトにおける幅の指定に関するプロパティと、実際のコーディングで役立つ具体的な幅の指定方法をパターン別に紹介します。 フレックスボックスに関する過去の記事はこちらになります。併せて参考にしてみてください。 フレックスボックスに関する記事 [...]
