マガジンのカバー画像

【学習】IT・WEBデザイン

31
運営しているクリエイター

記事一覧

Webサイトのファーストビューに『動き』を取り入れるアイデア8選

Webサイトのファーストビューに『動き』を取り入れるアイデア8選

こんにちは!株式会社Rabeeの新人デザイナーのakaneです🏋

今回は、Webサイトの顔とも言える「ファーストビュー」をより魅力的に見せるためのコツについて調べてみました。参考サイトもたくさん紹介しているので、ぜひ最後までお楽しみください✍

はじめに:ファーストビュー(FV)とは?Webサイトのファーストビュー(FV)とは、サイトを開いたときにスクロールせず見える範囲のこと。ユーザーにとっ

もっとみる
【AE】タップエフェクトデータ配布

【AE】タップエフェクトデータ配布

こんにちは。ゲームUIデザイナーのはなさくのです。
今回は、AfterEffectsで、タップエフェクトを6つ作成したので、そのデータを配布します。

AfterEffects 2024(v24.1)を使用して、作成しています。
有料版は、ページ最下部からAfterEffectsデータをダウンロードすることができます。

無料のプラグインを使用しているので、詳細は下記に記載します。

01|タップ

もっとみる
【簡単】Pythonでワードクラウドを作る方法

【簡単】Pythonでワードクラウドを作る方法


ワードクラウドとはワードクラウドは、テキストデータの中で頻繁に出現する単語を視覚的に表現する方法です。

単語の出現頻度が高いほど、その単語は大きく表示されます。

これにより、テキストの中でのキーワードやトピックを一目で把握することができます。

ワードクラウドは、ニュース記事、論文、ウェブサイトのコンテンツなど、さまざまなテキストデータの分析に使用されます。
特に、大量のテキストデータを一度

もっとみる

自作PCの購入を考える

経緯今使っているノートCPが4年前のものなのですが、Cドライブ(SSD)256Gの残容量が10Gを切ってます。
使わないものはサブのEドライブ(HD1T)に移動させているのになぜ!!
まあ、色々重いソフト(adbeや3D、動画編集等)をインストールしているし、4年前のPCとなると、そろそろ限界も近いかもしれないので、新しいPCの購入を考えることにしました。
3D関係…今回だとUEFNなのですが、ダ

もっとみる
【p5.js】デジタルアートを学ぶ

【p5.js】デジタルアートを学ぶ

初めに先日、下記のイベントに参加しました。

鹿児島からのオンライン参加です!!
なかなか、行きづらいところなので、とてもありがたかった!!

プログラム実施環境資料

作成した作品

「sin」とか出てきたときはどうしようか?と思いましたよね~
基本的に言語が違うだけで、プログラム自体は扱いやすかったです。
今後、もっと思ったように描くことが出来るようになりたいと思えました!!

最後に「クリエ

もっとみる
【未対応】01_後から読みたい記事

【未対応】01_後から読みたい記事

時間と体力と気力が不足しているために、最近全然更新できてないです。
でも、やりたいことはあるので、未来の自分が消化してくれると信じて、読みたい記事を貼っておきます。
@ITより
https://atmarkit.itmedia.co.jp/

ChatGPT入門 概要から利用方法、プログラム開発までhttps://atmarkit.itmedia.co.jp/ait/articles/2304/2

もっとみる
ChatGPTって凄いね!やっと実感!!

ChatGPTって凄いね!やっと実感!!

Bingに質問したら、Pythonのプログラミングの答え返ってきたよ!!
ちゃんと動いたよ!!

【萌葱】
プログラミングで詰まってたら、コミュニティで、ChatGPTに聞いてみたら?と言われて、とりあえず、無料ですぐ動かせるBingで聞いてみた。

質問:
Pythonの正規表現でスペースとイコールにダブルクォーテーションはどう表現したらよいでしょうか。

mport retext = 'a =

もっとみる
VBAでファイルの読み書き

VBAでファイルの読み書き

大量のhtmlを作成、修正したい場合にVBAで対応できないか検討中。
個人的にはPHPとかで動的に作成すべき内容では??
と思うところもあるが、環境や管理、修正のしやすさもあるので、
一概にはPHPがいいとも言えないものね。

ちょろっと、VBAでhtmlファイルに対し、置換かけたら、見事に文字化けしました(><)
UTF-8形式の対応しなきゃいけないのはわかったていたのですが、
その時はもう、頭

もっとみる
Ruby on Rails チュートリアルをやる!!

Ruby on Rails チュートリアルをやる!!

Rails Girlsのイベントに参加して、Rubyを勉強したくなった。
これやるといいよ!!
って教えてもらった「Ruby on Rails チュートリアル」をやっていきたいと思う。

まずは第1章をクリアしていく!!
目標は今週中!!

第1章 ゼロからデプロイまで

Command Lineコース

Gitコース

Rubyを扱えるようになるために、さあ、やるぞ!!

デザイン参考

デザイン参考

非公式同人誌「雀杯観戦本」

すいません、内容に興味があるわけではないのですが、

ツイッターで回ってきたときの画像のまとめ方が素晴らしいと思いました。

こういったセンスが欲しい!!

ので、研究(勉強)させて頂きます。

ねえ、こんなの??絶対、プレゼン資料作成する方かデザイナーでしょ??

ひよっこWEBデザイナーにはとてもこんなもの作れません。

RubyでWEBアプリ作成

RubyでWEBアプリ作成

https://railsgirls-kagoshima.connpass.com/event/246553/

に参加してきました!!

GMOペパボ株式会社、並びにスポンサー企業の方々、運営やコーチをしてくださった皆様には感謝です。

参加者が13名、みんな女性です!!
鹿児島でこんなに集まるんですね!!
市議会議員さんや県庁の職員さんもいらっしゃって驚きました。

勉強会は下記に沿って進めら

もっとみる
レイアウトのアイデア!!

レイアウトのアイデア!!

めっちゃ参考になる!

と思って、早速このページのTOP画像を作成しようとしたけれど…
そんな簡単にいくわけがなかった!!!

自分で作ったものを流用しようとした、ということもあるし、デザインというのは、レイアウトの配置だけでなく、色のバランスもあるのです・・・

そして、そのセンスがまだ全然身についてないのですよ。
(センスが無いとはあえて言わない!!)

沢山サンプル作って、慣れていきたい!!

CSSでの中央配置。古い書き方とモダンな書き方

CSSでの中央配置。古い書き方とモダンな書き方

今後かなり使えそうなのでメモ。
モダンな書き方だと、html(div)を書く量が減らせて良いですね。

【今までのdivが必要なパターン】

div.toc { display: flex; justify-content: center;}

【divが不必要なパターン】

ol { max-inline-size: max-content; margin-inline: auto;}

使って

もっとみる
使われてないCSSの調べ方

使われてないCSSの調べ方

Chromeのディベロッパーツールの優秀さよ!!

けっこう、だいたい、使いこなせてない現実!!
HTMLとCSS読むために使ってたり、修正前の検証に使ってはいる。
いろんな機能があることは知っているんだけど、
知らない事ばっかだし、使いこなせていな。
勉強しなきゃいけないことが多い!!