記事の画像に代替テキスト（ALT）を書こう
アドベントカレンダーがやってきましたね。毎年この時期は面白い記事がたくさん読める祭りのような雰囲気で楽しいです。この記事では、記事を執筆する際に気をつけたいポイントの一つ、画像の代替テキストにつ...
12
1
Comment0
32 search resultsShowing 1~20 results
Stocked
You need to log-in
Storybook を一瞬で開ける VS Code 拡張機能「Storybook Opener」を作った話
Storybook を開くときにちょっと手間取った経験はありませんか？ Storybook は UI コンポーネントテスト機能が強化されつつあり、フロントエンド開発で使用する機会も増えています...
51
21
Comment0
React コンポーネントの表示する HTML 要素を変える asChild prop を実装する
asChild prop とは コンポーネントを使うときに表示される要素を変えたい！ 汎用的なコンポーネントを使用する際、以下のような場合にデザインや挙動は変えずに中でレンダリングされる HTM...
45
6
Comment0
Scratch コードの画像をいい感じに作る
Scratch について資料を作成するとき、Scratch のブロックやコードの画像を挿入したいことがあります。エディタのコードを撮ったスクリーンショットを貼り付ける方法がすぐに思いつきますが、...
7
2
Comment0
小林さんちのメイドラゴンで出てきたコード（小林さんを探せ！）
注意 この投稿には一部ネタバレを含んでいる可能性があります。 またまた小林さんちのメイドラゴン関連の投稿です。 このアニメでは、主人公の小林さんが SEなのに 作品中でコードを書いている場面が...
158
47
Comment4
某コメントフロー型動画サイト風プレイヤーを作った
はじめに 背景 僕は学校ではPC部に所属しているのですが、この部では毎年文化祭に部員一人一つづつゲームや動画など何か作品を作ることになっています。 僕はタイピングゲームを作りましたが、適当に作っ...
4
3
Comment0
てっくな音楽、はじめました。
こんにちは！やぎちゃんです。 まずはじめに謝っておきます。 題名で音楽系の記事かと思って楽しみにしていた人、ごめんなさい！ バリバリWebデザインの記事です。 この記事は Life is Te...
12
7
Comment2
Linux (Ubuntu) でも Life is Tech！しよう！
イントロダクション さて、Life is Tech ! のキャンプではLinux機はサポートされていません。（2016年現在） ▲ PCをお持込みの方へ Life is Tech ! より しか...
15
7
Comment0
styled-jsx 「妥協なしの完全な CSS in JSX」
React で CSS を使うには styled-components や CSS Modules などの方法があります。 僕は React は修行中の身で styled-components ...
7
11
Comment0
パワポカラオケ用Webアプリを作った
友達とクリスマスイブにパワポカラオケをすることになり（リア充！）、そのためのアプリを作りました。 その後、細かいバグ潰しやスタイリングをして今日公開しました。 パワポカラオケ 使い方 「スライド...
16
10
Comment0
技術記事のすゝめ
わざわざ「メンター」と書いてあるということは……？https://t.co/hSIXC8Z55I— やぎちゃん (@ygkn35034) November 2, 2017 (期待)— うーぴょん...
13
6
Comment0
jQueryとは何なのか？ なぜ使わなくても（あるいは使わないほうが）いいのか？
昨今、よく「jQueryはもう必要ない」という声を聞きます。 しかし、一時期JavaScriptのデファクトスタンダードのライブラリといわれたjQueryに対しての扱いの変化を疑問に思う方もいる...
620
578
Comment22
CSS Variables(カスタムプロパティ) は CSS Animation と使うと幸せ
この記事のタイトルを見て「なんだこの記事 SCSS と CSS 間違えてるのか？」と思った方もいらっしゃるかと思いますが、間違いでもデマでもありません。 CSS では SCSS のように変数をつ...
32
25
Comment0
おさいふPonta で クレジットカードがなくても Cloud9 を使おう！
まえがき 便利ですよね、 Cloud9 。開発環境構築の手を煩わすこともないし、他端末でもそのままつかえるしなによりペアプログラミングの機能（ Cloud9 内でチャットできたり、相手のカーソル...
5
7
Comment0
【ハッカソン/キャンプに】 Web で最小の時間でちょっと「おっ」ってさせる小ネタ
僕の知ってるちょっと「おっ」ってなるネタを集めてみました！ また見つけ次第随時更新します！ 皆様の「こんなんあるよ！」コメントも記事に積極的に反映させていただきますのでどしどし下さい！ ちなみに...
73
72
Comment0
【JavaScript】ライブラリなしでパララックス（視差効果）背景を作る
TL;DR この記事で解説するパララックスはこんなの（CodePen）です。 まえがき パララックス、素敵ですよね。 オサレなサイトに行くとたまに背景や要素に適用されていて、思わず「おっ」と見入...
24
23
Comment0
プロジェクト内のJavaScriptを厳格にするシェル
カレントディレクトリ内の全ての*.jsファイルの先頭に"use strict"を挿入します。 全てのJSファイルに対してforを回す for f in **/*.js; do sed -i '1...
3
0
Comment0
JavaScript で a 要素を使用したダウンロードでネットワークエラーが起きた
JavaScript で生成（canvasで描画するなど）したファイルなどをダウンロードするときは HTML の a 要素のdownload 属性にファイル名を設定し、その要素をクリックすること...
6
5
Comment0
「精神と時の部屋」ページを作った
TL;DR data:text/html;charset=utf8,<title>精神と時の部屋</title><script src="https://ajax....
57
46
Comment0
Chrome Extension のアイコン複数サイズ作るの面倒くさい
Let's 自動化！ ビバシェルスクリプト!! このシェルスクリプトは ./icons/source.png から ./icons/16.png, ./icons/46.png, ./icons...
11
11
Comment0
32 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles