画像生成AI「Midjourney」を用いて、解体工事業者の整地サービスページに使用する事を想定した画像を生成してみました。 結果として、まだまだ検討するべき点が多い印象でした。 きれいに出力することは出来ていますが、よ…
Chrome114でサポートされたpopover属性、HTMLだけでポップオーバーUIを実装可能に
Chrome 114で Popover API がサポートされ、HTMLのpopover属性が利用できるようになりました。これまではポップオーバーUIを実装するためにJavaScriptに頼らなければなりませんでしたが、…
Blender（ブレンダー）は3DのCGアニメーションを制作するためのオープンソースのフリーソフトです。無料で利用できますが、有料ソフトにも劣らない機能を持ち、本格的なCGアニメ制作に使用されています。 Blenderは…
WordPressの「TablePress」プラグインは、頻繁に表を更新する時便利ですよね。ただ、それが最新情報なのか知りたい方もいるかと思います。更新日を表示する場合は、以下のように行います。まずは下記のショートコード…
tarouです。いつも通り経済の小話ですが、6/28は権利確定日でした。僕もいくつか持ち越して配当を貰えそうです。で、この日にNTTこと日本電信電話の株式25分割が行われたのです。100株(単元)持っていると2500株に…
手書き文字を手軽に作成できる「Calligrapher.ai」のご紹介
〝⻄洋の書道〟と評されることもある「カリグラフィ」をご存知でしょうか？カリグラフィは、いわゆる手書き文字のことで、文字をアーティスティックにデザインしてメッセージを伝えることができる手法です。手書きのメッセージを使うこと…
CSSの新機能 text-wrap: balanced; の使い方と各ブラウザでのサポート状況
CSSには常に新しい機能が追加されています。CSS Text Level 4 の text-wrap: balanced; はテキストの折り返しを均等に調整するための便利な機能で、先日リリースされた Chrome 114…
Kanaです。本日はとても便利な配色ツールについてつぶやいていきます。色選びに悩むときに使えるとても便利なツール・・・それはAdobe Colorというツールです！聞いたことがある方もいらっしゃるのではないでしょうか？で…
副鼻腔炎が悪化している気がするYu-ichiです良い耳鼻科があれば教えて欲しい・・・。さて今回は、誰かが食料自給率の話をしていたので、埼玉県民でも知らない清酒の生産量の話です。テレビや雑誌で「埼玉県はうどんの生産量が全国…
XR（エクステンデッドリアリティ）は、「拡張現実（Augmented Reality, AR）」と「仮想現実（Virtual Reality, VR）」の総称です。XRは、現実世界と仮想世界を組み合わせた環境や体験を指す…
AIが画像を補正してベクター形式に変換する「VectorizerAI」のご紹介
今回は、画像を自動でベクター形式に変換する「VectorizerAI」をご紹介します。PNG形式やJPEG形式などの「ラスター形式」で画像を作成した場合、大きく拡大すると輪郭がぼやけてしまいます。「ベクター形式」では画像…
はじめまして。Kanaです。今日はコピー＆ペーストの方法についてつぶやきます。①まず初めにコピー＆ペーストをさせたいテキストを選択させます。選択させた状態でctrl + c (コピー)をおします。②テキストをいれたい箇所…
ユーザーエージェントを使わずにスマホのみ電話番号のリンク設定をする方法
コーヒー豆にこだわり始めたjyunzyです。コーヒーミルを買って以来、色んなコーヒー店で豆を買うのが楽しみになりました。さて、今回は電話番号のリンク設定について話をしたいと思います。スマートフォンでWEBページを見ている…
tarouです。ちょうどニューズピックスでも昨日取り上げられていましたが、酪農産業はいま、大変な事態になっているようです。昨年末、ニュースを見ていたら『子牛』の競売価格が1000円で投げ売られているというニュースを見まし…
ラインとグリッドを組み合わせたパターンを生成、ジェネレーティブアートツール「Gerstnerizer」
Gerstnerizerは、オンライン上で利用できるジェネレーティブアートツールです。直感的な操作で簡単にパターンを生成でき、さらにSVG形式で保存することができるためウェブサイト制作にも活用できそうです。SVG形式の利…
皆さん、「クリエイティブコーディング」ってご存じでしょうか？ クリエイティブコーディングとは、コンピュータープログラムを使って芸術的な表現を作り出すことを言います。コンピューターサイエンスとデザインの融合であり、Web開…
今回は「エクセルで重複しない乱数を生成する方法」をご紹介します。RAND関数とRANK関数を組み合わせて作成できます。下記のような表を例に解説します。① セルC3に「=RAND()」と入力すると、乱数が作成されます。これ…
GW中も予定がありすぎて忙しいYu-ichiですみんなに呼んでいただけるのはありがたいことですが、身体は1つしかないので、無理のないようにしたいと思います。さて、前回はマルバタイジング手法を使ったマルウェア感染が増えてい…
衝撃的なイノベーションに世界中の対応が遅れています。Takaです。OpenAIが2022年11月に公開した対話形式の生成AI（人工知能）ChatGPTは世界に衝撃を与えています。ChatGPTの誕生により、産業革命を超え…
Midjourney（ミッドジャーニー）は、ユーザーが打ち込んだテキストから画像を生成するAI画像生成サービスの1つです。現在はDiscord（チャットツール）を通してのみ利用することが出来ます。元々は無料版もありました…
最適な font-family の書き方がわかる「Modern Font Stacks」
ウェブサイトにデザイン性をもたせるために使用されるWebフォントは、フォントのロードに時間がかかったり、うまく設定できていないと表示に問題がおきたりするため、注意を払って扱う必要があります。最近では、より高速に読み込むこ…
こんにちは。Tarouです。さいきん米国も日本も株価が絶好調なわけですが、現在、米国は逆イールドの真っ最中。こんなときに株価が堅調なのはなぜなのかと思わずにはいられません。確かに、失業率や業績は好調なのですけどね、失業率…
ミラーサイト・類似ページ判定ツールsujiko.jpは、類似したページかどうかを確認したい２つのURLを入力し、判定すると結果を表示してくれる便利なツールです。また類似度の他に簡単な見解も表示してくれます。SEO対策とし…
最近「ChatGPT」という言葉をニュースなどでも聞く様になりました。 「ChatGPT」などのAIをうまく活用して今後はweb制作を効率化したいですね。 しかしまだまだ正確な情報を得られないことが多い「ChatGPT」…
最近、運動不足を感じているTarouです。皆さん、「アンコンシャス・バイアス」ってご存じですか？これは日本語で「無意識の偏ったモノの見方」のことです。他にも、「無意識の思い込み」「無意識の偏見」「無意識バイアス」等と表現…
マルバタイジング手法を用いたマルウェアの感染が増えています。
帰宅したら猫の歯が抜けてたYu-ichiです元々歯周病で心配していましたが、ついに左上の牙が抜けました。これ以上悪化しないようにしないと・・・。さて、今回はマルウェアのお話です。以前にもEmotetに関する記事を書きまし…
休みの日でも忙しくて中々ボーっとできないjyunzyです。暇だった日が懐かしいです・・・。メールアドレスをコピペして送信した時に、「配信不能」となって送れなかった事がありました。調べてみると、下記のように名前とメールアド…
近年よく見かけるようになった流体シェイプ。「流体シェイプ」とは曲線できている円・楕円・多角形のことを指します。液体が垂れているようなイメージです。こちらの「Blobmaker」では、ブラウザ上で流体シェイプを作成すること…
データ入力だけでグラフを作成、ダークモードも選べるチャートジェネレータ「Graphy」
Webアプリ「Graphy」は、データやラベルを入力するだけでグラフを作成できるチャートジェネレータです。画面下に表示されているデータテーブルに（ウィンドウサイズが小さい場合は “Edit data̶…
jyunzyです。たまには雑談をしたいと思います。1月に健康診断を受けて、最近その結果が返ってきたのですが、バリウム検査で「胃に粘膜下腫瘤を認めます」という診断がされました。「腫瘤？腫瘍じゃなくて？これってがん？」不安に…
あちこちが筋肉痛なYu-ichiです重いものを持ったり、立ったりしゃがんだりした所為ですね。お肉が食べたいです。さて、今回はSSL証明書のお勉強です。実は最近になって知ったのですが、SSL証明書って3層とか4層があるみた…
最近は淡い色合いのグラデーションを採用しているホームページが増えてきました。近年のデザイントレンドはフラットデザインでしたが、またトレンドが一周回った感じがします。フラットデザインではバナーやリンクとしての情報がわかりに…
文章からカラーパレットを生成するWebアプリ「Palette」
単語のイメージから色提案してくれるジェネレータは見かけたことがありましたが、文章でも出来るものがあるんですね。Palette「Create from Prompt💭」をクリックして文章を入力すると、その文…
tarouです。新NISA制度についての記事3回目になります。それだけこの制度に期待しているわけです！！投資家界隈でもけっこうにぎわっています。で、気づくのが遅れたんですが知ったときにはテンションが爆謄してしまいました。…
ECサイトや買取系サイトを利用していると、よく目にする「クーリングオフ」。みなさんはこの制度をどのくらいご存じでしょうか？「考える暇がなく流されて買って（売って）しまった人のための救済制度」みたいに捉えている方もいるかと…
Windows11でNASやNASにあるファイルが開かない時は
年末に濃厚接触者になったあと、年始に発症したYu-ichiですおかげで年末年始にどこにも行けず、人にも会えないという貴重な体験をしました。幸い、思っていたより症状は軽く（ワクチンのおかげ？）、重症化はしませんでした。さて…
最近「NFT」という言葉をニュースなどでも聞く様になりましたね。そもそも「NFT」とは何なんでしょうか？ NFT（Non-Fungible Token）とは、「代替不可能なトークン」という意味をもつ言葉です。 今までのデ…
今年の10月1日からインボイス制度（適格請求書等保存方式）がついに導入されます😈😈😈 インボイス制度は、消費税が複数税率なったことにより制定された、新しい仕入税額控除の方…
シームレスパターンを直感的に作成できるツール「Plain Pattern」
シームレスパターン背景など、継ぎ目のないパターン画像を作りたいときに便利なウェブツール。SVGベースのシームレスなパターン画像を簡単に作れます。Plain Patternベースの背景色を選んでSVGを配置していくと、ワー…
ブロックエディターを特定のユーザーや投稿タイプだけ停止するには？
ブロックエディターは慣れてくれば便利なのですが、クラシックエディターに慣れていると使いにくいと感じる人がいるようです。そこで特定のユーザーや投稿タイプだけブロックエディターを停止する方法をご紹介します。下記のコードをfu…
家族が昨日コロナ陽性になったYu-ichiです38度の熱がでて、喉が痛いと本人は言っています。私は元気なのですが、濃厚接触者なので人にも会えず暇な年末年始になりそうです。さて、今回はDDoS攻撃について少し話したいと思い…
もう年末ですね🙃冷え込む日々が続きますが、皆様もくれぐれご自愛くださいませ😊本題になりますが、来年、2023年のトレンドカラー（流行色）はルミナスイエローです。優しいパステルカラーのイエロ…
アクセシビリティに配慮した配色が分かるWebアプリ「Accessible color palette generator」
PageSpeed Insights（ページスピードインサイト）のレポートに「ユーザー補助」の項目が登場したこともあり、アクセシビリティについて意識し始めた方も多かったのではないでしょうか。WCAG（ウェブコンテンツ ア…
javascriptを外部ファイル化する事は多いと思いますが、その時にページごとに変数の値を変えたい！という事があるかと思います。 そんな時は、下記の様に別のscriptタグを作り、その中で変数を定義すればいいです。 &…
iPhoneのロック画面に表示されている時計のフォントがダサくなってる！ と友だちから教えていただきました。どうやらiPhoneをiOS16にアップデートするとフォントが太くなるようです。みなさんは今回のアップデートで変…
中国各地で「ゼロコロナ」デモや暴動が起きています。厳しいコロナ対策が中国の人々の生活やビジネスを圧迫し、終わりが見えないことに不満を持つ人々が自由を求め、厳しい規制に反発しはじめています。 中国では新型コロナウイルス感染…
冬眠の時期が近付いてきたYu-ichiです。 寝ても寝ても眠気がとれません。永遠に寝られます。（脳が疲れてるのかな？） さて、今回は今年の3月に大流行したEmotetというマルウェアについてです。7月中旬以降は感染が落ち…
シームレスなパターンテクスチャを作れるオンラインツール「Architextures」
シームレスパターンって自分で作ろうと思ったら意外と面倒だと思うんですが、ジェネレータで簡単に作成できてしかも高品質だなんて！ 「Architextures」は、継ぎ目のないパターンテクスチャ画像を生成＆ダウンロードできる…
jyunzyです。今回はJavascriptを使って属性の追加や変更の話をしたいと思います。■ 属性の追加方法について文法element.setAttribute(name, value);nameには属性の名前を入力し…
コンテナベースでスタイルを定義できるCSSコンテナクエリと相対単位が、安定板ブラウザにサポートされましたね。そういえば去年の今頃、新しい相対単位に想いを馳せていたのを思い出しました。CSSの新しい相対単位「qw」と「qh…
