すうべにや

Browsing Tag:

Web

css, Web関連

ほぼ自分メモ:CSSレイアウト・パーツサイト

CSSレイアウト・パーツサイト フレームワーク使うより、自分で作ったリセットやら大枠やら使いまわしが多いので 個人的には、パーツごとってメチャ有難い。 まあ、フレームワークはそれはそれで便利ですけど。 CSS Layout 昔、あっちゃこっちゃで便利だよーと紹介されてたCSS Layout(https://csslayout.io/)。 レイアウトやパーツが紹介されてて、かつシンプルなすぐに使用可能なコードがコピーできるサイトでしたが、なんか気づいたらなくなってまして・・・。 どうしたもんかとURLを検索したら検索結果にCSS LayoutのGitHubリンクが見つかって、 https://github.com/phuocng/csslayout そこから、現在閲覧可能なURLにアクセスすることができました。 ※自分の環境での検索結果の2番目に、↓のトップへのリンクが出てたんですが、作成者本人のサイトとは思わずスルーしてた CSS Layout https://phuoc.ng/collection/css-layout/  ...

Continue Reading

AIサービス, Web関連, サービス

画像生成AIサービス:サイトまとめ

色々出ている画像生成AIサービスをまとめてみました。 個人的なメモ兼ねてます。 以下注意事項 ※情報は、2023年5月時点のものとなります。  将来的に、サービスが終了したり等があるかもしれません。 ※自分が拾いきれたものだけなので、●●が無いとかあるかもしれません。 ※有料・無料、商用可不可などはまとめきれなかったので、各サイト上で確認してください。 ※PCとあるのはダウンロード等して使用するタイプのものです PC サービス名 URL Stable Diffusion(PC) https://stablediffusionweb.com/ DALL-E 2(ブラウザ) https://openai.com/dall-e-2/ Midjourney(Discord) https://midjourney.com/ にじジャーニー(Discord) https://nijijourney.com/ja/ clipdrop(ブラウザ) ※生成よりは加工がメイン https://clipdrop.co/ firefly(ブラウザ) ※2023年5月β版  ...

Continue Reading

AIサービス, Web関連, WordPress

【WordPress】Youtube動画をレスポンシブ対応にするプラグインをChatGPTに作ってもらいました

※探せば同じような事ができるプラグインが存在してたり、 テーマファイル側で元々対応しているものがあると思いますが・・・w (探す気なっしんぐ) いちいちYoutube動画をレスポンシブ対応にすんの面倒くさくてずっとほったらかしてましたが、折角なのでChatGPTに要件を打ち込んで作成。 以前だったら、目的に合うものを探しまくるとか、見つからなければ、もう中身はさておきなんとか調べて作成してましたが、はまじすごい時代になったもんです。 んまあ、それでも思い通りのものを作成してもらうのに結局あーだこーだと時間はかかりましたが、それでも自作でコレやると仮定した時間に比べたら多分当社比20倍ぐらい短縮されてますよ。 とはいえ、自作したわけじゃねーんで、作成者ChatGPTにしときました。 名付けて「YouTube動画レスポンシブ対応プラグイン」 ってそのまんまやんけというツッコミはさておき。 YouTubeの共有からコピーした動画URLを張り付ければ、そのままレスポンシブ対応の埋め込みにしてくれます。 つまり、画面サイズに合わせて動画のサイズも自動的に調整されるということです。  ...

Continue Reading

adobe, AIサービス, Web関連, その他

気づいたらFireflyが使えるようになっていたので遊んでみた

結構前に、リクエスト出していて参加待ちだったんですが、なんか気が付いたら使えるようになってました。 使えるようになったよというお知らせとかそういうメール来てないんですけど・・・いつから使えるようになってたん・・・。 今使用できるのは、Text to imageとText effectsの2種類です。 Text to image 他の画像生成AIと同じように、プロンプトを入れると生成してくれるやつですね。 入力は、ページの下部に入力フォームがあります。 対応は英語のみ。 入力後、画像の生成ページに移動すると右側でエフェクトやスタイルを選べるようになっています。 学習に使用したのは、Adobestockにあるもの、というのをどこかで見かけた気がするので、それならWebサイトのデザインとかいけるよね~?的なノリで、架空の企業を設定して、結構あるあるネタにされる「クライアントから要求される漠然とした指示」で入力。 スタイルとかは全て外した状態です。 どこまでAIが判断して答えてくれるかワクワクしてたら 書き出されたのなんかちげえ。 いやモックアップが欲しいんじゃないんすよ。  ...

Continue Reading