HTML_CSS

18:53・2021/08/23

モルガチャ集計ツールを作ったよ

モルカーパーキングを始めまして(8/16)↓某攻略サイトに寄稿しまして(8/18)↓「ガチャの詳細知りてぇ～」と思ったので集計ツールを2種類作りました(8/19～8/21) テキストデータから集計するツール リンク 【個 …

HTML_CSS

09:30・2021/02/04

「plotter」をサイト内に公開しました

2021年進級制作展にて制作した作品をサイト内に公開しました。 plotter-おそらきれい プレゼン資料 制作過程について 制作過程などはこちらでご覧いただけます↓簡易マインドマップをJavaScriptで作る(制作過 …

HTML_CSS

01:28・2020/12/20

擬似要素を使ってみる〜「:before」「:after」編〜

新たに実装した「pin」と「new」の実装方法について解説します。 ↓「new」の表示期間についてはこちらで↓WordPressで更新日からの経過時間を反映する コード 「pin」のコード 検証をして、先頭固定表示の投稿 …

HTML_CSS

16:55・2020/10/12

headerを三角形にしてみる

縮めても伸ばしても、角が割れません。 サンプルページ-GitHub Pages コード 解説 四角形(.square)と下向き三角形(.triangle)を組み合わせて作っています。 三角形は左右のborderにtran …

HTML_CSS

18:53・2021/08/23

モルガチャ集計ツールを作ったよ

モルカーパーキングを始めまして(8/16)↓某攻略サイトに寄稿しまして(8/18)↓「ガチャの詳細知りてぇ～」と思ったので集計ツールを2種類作りました(8/19～8/21) テキストデータから集計するツール リンク 【個 …

JavaScript

00:17・2021/08/12

YoutubeDataAPIでアプリを作る

Webアプリ制作の授業でYoutubeDataAPIを用いてアプリを制作しました。 アプリ概要 登録チャンネルの新しい動画を3件表示する 前回youtube.comでフィードを確認してから、新しい動画が追加された場合に登 …

chrome拡張機能

10:22・2021/08/09

Web audio API　を使ってChrome拡張機能をつくってみた

突然ですが、あなたはにじさんじの新人(2021夏時点)ライバーの「レオス・ヴィンセント」をご存じでしょうか？彼の配信がクッソ面白いので、もっと面白くしようと思ってChrome拡張機能を作りました。 その名も「LEOS_m …

GitHub

23:52・2021/07/12

JavaScriptでギャラリーを作る

こんな感じのギャラリーを簡単に埋め込めるJavaScriptを制作しました。 特徴 どんなアスペクト比の画像でも表示できる レスポンシブ対応 タイトルとキャプションを表示できる 画像を連番で入れられる 表示の大きさを変え …

WordPress

01:28・2020/12/20

WordPressで更新日からの経過時間を反映する

おそらきれいに「pin」の表示と「new」の表示が増えました！ ↓表示の方法はこちらで↓擬似要素を使ってみる〜「:before」「:after」編〜 WordPressで時間を取得する PHPでの日付取得方法！ 詳細まと …

WordPress

23:49・2020/12/19

WordPressの表示を更新順に変える

メインループにおける投稿の並び順を、タイトル・更新日・ランダムなど自由自在に変更する↑こちらのサイトを参考に変えてみました。 コード functions.php内に記述します。 降順で更新順に並び替えました。 設定につい …

WordPress

14:41・2020/10/20

WordPressで読み込むCSSを期間ごとに変える

ハロウィーンが終わるとあっという間に年末な気がしてきます。 WordPressで複数のCSSを読み込む そもそもどうやって「style.css」以外のCSSを読み込むのか調べました。 複数のCSSを読み込むコード 出力結 …

JavaScript

13:36・2021/06/03

初心者がTwitter APIで遊ぶ

「データビジュアライゼーションをしよう」という授業内の課題で、Twitter APIを利用してツイートのデータを取得したかったので、いろいろ調べながら実装してみるの巻。 概要 今回作るのは@shuumaiのツイートを取得 …