Visual Studio Codeを使用しているとき、表示がおかしくなる問題に直面しました。 再インストールしても解決しなかったため、原因を調査したところ、アンインストールしても設定ファイルが残ることが原因でした。 今…
Excel方眼紙を利用したドット絵変換ツール「Image to Excel」
オンラインで利用できるドット絵変換ツール「Image to Excel」は、PNGやJPEGといった手持ちの画像をアップロードするだけで利用できる変換ツールです。縦横1000ピクセルが上限となっており、それよりも大きい画…
今年、8kg減量したatsushiです。AdobeがFigmaを買収するとのことでXDからFigmaにメインツールを切り替えてきたのですが、どうやらAdobeはFigmaの買収を断念することになったそうです。断念すること…
こんにちは。Tarouです。僕は趣味で大学生の頃から投資をやっていて、そこそこ儲かっています。歳がばれちゃいますが投資歴は20年になるということですね。もはや病気な部分もあって、歩いていて人気なお店があったとしても、その…
磨りガラスのような半透明のレイヤーをグラスモーフィズムといいます。 画像でいうと一番上のメニュー部分の背景ですね！iPhoneやiPadに採用されていることもあり、見たことがある人も多いのではないでしょうか。 こちらのグ…
デジタル庁が今年の6月ごろにイラストレーション・アイコン素材を配布して話題になったのは記憶に新しいと思います。話題になっていたので比較的すぐにデジタル庁のHPを確認しに行ったものの、SVGやイラストの配布だけだと思って軽…
私は家庭菜園をやっているのですが、土に混ぜ込む堆肥をコンポストという方法で自作しています。—- コンポストとは？ ——————̵…
そろそろ冬眠の時期がきたYu-ichiですできれば春まで布団で寝ていたいです。はやく暖かくならないかな・・・。さて今回はGoogleドライブの不具合についてです。Yahoo!ニュースやITmediaなどでも取り上げられて…
大型二輪の免許を取得して憧れだったバイクを乗り始めたatsushiです。WEBサイトのデザインで、どんなツールを使っていますか？ひと昔前なら、illustrator、Photoshopが定番だったかと思いますが、今は、便…
新たなCSS at-rule「@scope」を使えばUIコンポーネント作りが楽になるかも。
CSSの新しいat-rule（アットルール）である@scopeディレクティブは、スタイルの適用範囲を限定することができる機能です。従来のCSSは、その詳細度によってスタイルが適用される要素が決まっていましたが、@scop…
先日ピザ窯当番と燻製当番をしてきたYu-ichiですちなみに前回は燻製当番と炭火焼当番でした。さて、今回はWindows11のメールアプリについてです。Windows10に標準実装されているメールアプリがありましたが、P…
ホームページのデータを違うプロバイダにお引っ越しをする時に、ファイルが何千とあるとダウンロードやアップロードに時間がかかりますよね。そんな時に知って欲しいのが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フォントは、フォントのロードに時間がかかったり、うまく設定できていないと表示に問題がおきたりするため、注意を払って扱う必要があります。最近では、より高速に読み込むこ…
