ホームページのデータを違うプロバイダにお引っ越しをする時に、ファイルが何千とあるとダウンロードやアップロードに時間がかかりますよね。そんな時に知って欲しいのがSSHを使ったzip圧縮と解凍です。FTPの場合、データのお引…
来月、中旬に大型二輪の卒検に臨むatsushiです。大型二輪の免許を取得して中学生ぐらいから乗りたいと思っていたとあるバイクに乗るのですが、もちろん、バイクに乗る事自体も楽しいですが、カスタムも同じぐらい、いやそれ以上に…
先日久しぶりに本屋で時間を潰していたのですが、やはり紙に印刷された本は装丁に色々凝っていて表紙を眺めているだけでも面白いですね。最近はネットで紙の本を買うか電子書籍で済ませてしまうことが多くなったので、紙物デザインについ…
get_page_by_pathを使ってIDを取得するのが一番楽な気がするんですが、プラグインのせいで動かなかったんですよね・・・get_postsを使ってスラッグからIDを取得する方法を考えたので忘れないようメモしてお…
水平グリッド揃えが楽になる！ CSS Grid Layoutのsubgridが全てのブラウザで利用可能に。
CSS Grid Layoutは、ウェブデザインにおいて複雑なレイアウトを柔軟かつ効率的に設計するのに役立っています。grid-template-rowsプロパティの値として”subgrid”が追…
ブラウザのバージョンはUserAgentと呼ばれる、ブラウザでサイトにアクセスしたときに送られる情報を元に判別することができます。ブラウザのメニューからでも確認することもできますが、以下にアクセスすると各ブラウザのバージ…
Figmaでカラースタイルを一括登録「Chroma Colors」
初めまして、itohと申します。今月からブログを書くことになりました。頑張って書いていきたいと思いますのでよろしくお願いいたします。さて、早速ですがFigmaで複数あるカラーを効率良く、一括でスタイル登録できるプラグイン…
トレカの整理をしないとと思っているYu-ichiですトレカで高額レアが出るのはうれしいけど、もったいなくてプレイに使えないのでコレクター兼プレイヤーの私としては悩ましいところです。さて今回は、Windows11にAI機能…
Webサイトを見ていると、時々エラーページが表示されませんか？ウェブページでエラーが出た場合、大抵は3桁の数字が表示されます。数字にはちゃんとした意味があり、それぞれエラーの原因を表しています。今回はわかりやすくエラーペ…
ベジェ曲線の引き方を楽しく学べるウェブツール「The Bézier Game」
ベジェ曲線は、デザイン、グラフィックス、アニメーションなど、多くのクリエイティブな分野で使用される重要な要素です。しかし、自分の思い描いた図形（特に複雑な曲線が入り混じったような）を描こうとすると思うようにいかず、とっつ…
コロナの規制緩和の影響か、今年の夏はお祭りやイベントが盛んに行われるようになりましたね。私も今週の土曜にライブに行く予定です。今回はX（旧Twitter）のお話をしたいと思います。お店や会社の最新情報を載せる目的で、ホー…
VJ（ビデオ・ジョッキー）とは何か？ビジュアルアートと音楽の融合
VJ（ビデオ・ジョッキー）は、音楽と映像を組み合わせて新たなエンターテインメント体験を提供するクリエイターのことです。この記事では、VJの基本的な概念とその役割について説明します。 VJとは？ VJは、音楽イベントやライ…
Chrome 116 開発者ツール新機能でCSSのデバックが楽になる
先日リリースされた chrome 116で、開発者ツールに新たな機能が追加されましたね。特にスタイルシートのデバッグに関する機能改善、今までと比べてスタイルシートに関する問題の特定がしやすくなっています。これにより、スタ…
趣味で音楽制作をしており、ミュージックビデオも作ったりしています。映像を作る際、音楽と映像の切り替えのタイミングを完全に一致させると逆にずれて見える・・・そんな悩みがありました。対処方法として、私はまずBPMにきっちり合…
日曜日に炎天下の中、燻製作りの手伝いをしながらピザとうなぎを焼いてたYu-ichiですあまりの暑さに水を頭からかぶって焼いてました。さて、今回はインフラのお話です。28日のニュースリリースで、NTTからフレッツ・ISDN…
ワールドコインとは？ワールドコインは2020年にスタートした仮想通貨プロジェクトで、開発の中心メンバーはChatGPTで広くその名が知れ渡ったopenAI社の創業者サムアルトマンです。ワールドコインは地球上に暮らす全ての…
今更ですが、Wordpress4.4からURLを貼るだけで簡単に埋め込み（embed）機能が使えるようになりました。リンクカードやブログカードとも呼ばれている、サムネイル・抜粋文付きのリンクです。URLを貼るだけで非常に…
DIY好きにオススメの誰でも簡単に図面が作れるツール「簡単木工作図ツール もでりん」
畑のナスが取れすぎて週末はナスばっか食べてるatsushiです。趣味でDIYをよくやってるのですが、結構適当にその場で考えて作ることが多かったのですが、腕を見込まれて、最近では、身内から発注があるぐらいになってきました。…
画像生成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層があるみた…
最近は淡い色合いのグラデーションを採用しているホームページが増えてきました。近年のデザイントレンドはフラットデザインでしたが、またトレンドが一周回った感じがします。フラットデザインではバナーやリンクとしての情報がわかりに…
