サクサク読めて、
アプリ限定の機能も多数!
アプリで開く
●はてなブックマークって?
●アプリ・拡張の紹介
●ユーザー登録
●ログイン
●ログアウト
トップへ戻る
総合
●人気
●新着
●
IT
●
最新ガジェット
●
自然科学
●
経済・金融
●
おもしろ
●
マンガ
●
ゲーム
●
はてなブログ︵総合︶
一般
●人気
●新着
●
社会ニュース
●
地域
●
国際
●
天気
●
グルメ
●
映画・音楽
●
スポーツ
●
はてな匿名ダイアリー
世の中
●人気
●新着
●
新型コロナウイルス
●
働き方
●
生き方
●
地域
●
医療・ヘルス
●
教育
●
はてな匿名ダイアリー
政治と経済
●人気
●新着
●
政治
●
経済・金融
●
企業
●
仕事・就職
●
マーケット
●
国際
●
はてなブログ︵政治と経済︶
暮らし
●人気
●新着
●
カルチャー・ライフスタイル
●
ファッション
●
運動・エクササイズ
●
結婚・子育て
●
住まい
●
グルメ
●
お金
●
はてなブログ︵暮らし︶
●
掃除・整理整頓
●
雑貨
●
買ってよかったもの
●
旅行
●
アウトドア
●
趣味
学び
●人気
●新着
●
人文科学
●
社会科学
●
自然科学
●
語学
●
ビジネス・経営学
●
デザイン
●
法律
●
本・書評
●
将棋・囲碁
●
はてなブログ︵学び︶
テクノロジー
●人気
●新着
●
IT
●
セキュリティ技術
●
はてなブログ︵テクノロジー︶
●
AI・機械学習
●
プログラミング
●
エンジニア
おもしろ
●人気
●新着
●
まとめ
●
ネタ
●
おもしろ
●
これはすごい
●
かわいい
●
雑学
●
癒やし
エンタメ
●人気
●新着
●
スポーツ
●
映画
●
音楽
●
アイドル
●
芸能
●
お笑い
●
サッカー
●
話題の動画
アニメとゲーム
●人気
●新着
●
マンガ
●
Webマンガ
●
ゲーム
●
任天堂
●
PlayStation
●
アニメ
●
バーチャルYouTuber
●
オタクカルチャー
●
おすすめ
都知事選
﹃qiita.com﹄
●
人気
●
新着
●
すべて
1user
qiita.com/i-ryo
Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
●
テクノロジー
●2023/04/30 20:01
1user
qiita.com/i-ryo
JS三大フレームワークの一つ﹁React﹂を習得するためにやったことをここにまとめます。2019年の大晦日に滑り込みました。随時更新していきます! ※Next.jsで動的ページのルーティング、動的APIのルーティング、APIのデータ整形を設定︵2022/09/13追加︶ React基本 CDNリンクで仮想DOMを初体験! ※参考‥React事始め﹁すごいぞ!ReactはCDNで動いたんだ!﹂ CDNリンクでJSXを初体験!︵2020/01/12追記︶ ※参考‥︻React︼JSX事始め﹁すごいぞ!JSXもCDNで動いたんだ!﹂ JSXの中で別の関数のJSXを入れ子にする︵2020/02/17追記︶ ※参考‥︻React︼JSXの中に別の関数のJSXを読み込む︵入れ子状態︶ JSXの条件分岐。if文がエラー?回避方法。︵2020/02/27追記︶ ※参考‥︻React︼条件分岐の書き方︵if
●
テクノロジー
●2021/09/08 19:20
1user
qiita.com/i-ryo
JSフレームワーク﹁Vue.js﹂を習得するためにやったことをここにまとめます。2019年現在、最優先で取り組んでいるテーマです。随時更新中!! ※2020/01/07追記‥vuex-persistedstateでローカルストレージにデータを保存 Vue.js基本 三大フレームワーク比較とHello world そもそもJSフレームとは何か?どんなことができるのか?三大フレームワークと言われるReact、Angularなどと比較した結果、Vue.jsを最初にやってみることにした。 ※参考‥三大フレームワークとかSPAとか仮想DOMとかわかりにくかったのでHellow Vue.jsしてみた! イベント︵v-on︶、分岐︵v-show、v-if︶、ループ︵v-for︶ イベント設定の﹁v-on﹂、条件分岐の﹁v-show﹂と﹁v-if﹂、ループの﹁v-for﹂でどんなことができるのか実際にやっ
●
テクノロジー
●2019/11/07 21:58
1user
qiita.com/i-ryo
﹁p5.js﹂はProcessingから発展したビジュアルコーディングのJSライブラリ。Web AudioやWebGLまで、できることがとても多く可能性を感じています!習得するためにやってみたことををここにまとめます︵随時更新!︶ その他のJSライブラリはこちら ※参考‥JSライブラリ&フレームワークを試してみたシリーズまとめ︵随時更新︶ ※2021/12/31追加‥p5.jsを使って三角関数の理解を深めるために作ったアプリ 事始め いろいろな図形を配置 SVG要素かCanvas要素か、それが問題だ。ともあれサンプルを見て純粋にワクワクできるp5.jsをやってみる!チュートリルを見ながら色んな図形を配置してみる。 ※参考‥p5.js事始め‥いろんな図形を配置してみる 参考サイト、書籍、動画 チュートリアルを見るだけだと体系的な理解が難しそうに感じたため、ネット上の情報や書籍、動画について調
●
テクノロジー
●2019/10/28 12:33
1user
qiita.com/i-ryo
Tone.jsはブラウザで音楽を作ることができるJSライブラリ。Web Audio APIの技術が使われています。Tone.jsを習得するためにやってみたことをここにまとめます︵随時更新です!︶ その他のJSライブラリについてはこちら ※参考‥JSライブラリ&フレームワークを試してみたシリーズまとめ︵随時更新︶ ※2020/11/28追記‥スケールプレイヤー︵React + Tone.js︶ Web Audio API まず、Tone.jsが利用しているWeb Audio APIを理解する ※参考‥Web Audio APIの機はもうすぐ熟しそう!ブラウザ対応状況♪ 鍵盤楽器の作成 CDNでTone.jsを読み込んで﹁ポーン﹂という一音だけがなる1音鍵盤を作る。 ※参考‥はじめの一音!tone.js事始める1音鍵盤を13音鍵盤に拡張。コードの冗長な部分をリファクタリング。 ※参考‥︻to
●
テクノロジー
●2019/10/28 12:32
81users
qiita.com/i-ryo
JSフレームワーク﹁Vue.js﹂を習得するためにやったことをここにまとめます。2019年現在、最優先で取り組んでいるテーマです。随時更新中!! ※2020/01/07追記‥vuex-persistedstateでローカルストレージにデータを保存 Vue.js基本 三大フレームワーク比較とHello world そもそもJSフレームとは何か?どんなことができるのか?三大フレームワークと言われるReact、Angularなどと比較した結果、Vue.jsを最初にやってみることにした。 ※参考‥三大フレームワークとかSPAとか仮想DOMとかわかりにくかったのでHellow Vue.jsしてみた! イベント︵v-on︶、分岐︵v-show、v-if︶、ループ︵v-for︶ イベント設定の﹁v-on﹂、条件分岐の﹁v-show﹂と﹁v-if﹂、ループの﹁v-for﹂でどんなことができるのか実際にやっ
●
テクノロジー
●2019/10/28 12:30
●vue.js
●vue
●あとで読む
●Qiita
1user
qiita.com/i-ryo
ネイティブのJSやったことがない技術を触ってみたシリーズをここにまとめます。随時更新中です! ︵JSの基本書式についてこちら︶ ※参考‥︻HTML、CSS、JSの書式︼これを読めばコードが読める!書ける!まとめ! ※2021/01/15追加‥Realtime Databaseに試しにFetch APIを叩いてみたらCRUD操作できた!JS基本 new、プロトタイプ、クラス newとはなにか、インスタンスとはなにか、そしてJSを特徴づけるプロトタイプベースとはなにか。さらにESで新しく追加されたクラスベースとの比較。 ※参考‥︻JS︼newとプロトタイプとクラス URLのパラメータの取得 URLのパラメータ︵?hoge=fuga︶をlocation.searchで取得して、inputタグに入れる。そのタグをtype=hiddenで非表示にして送信する。 ※参考‥︻JS︼フォームのinput
●
テクノロジー
●2019/10/27 12:05
1user
qiita.com/i-ryo
Web開発環境について調べたこと、試したことをまとめています。WebデザイナーのWeb制作レガシー環境からWebエンジニアのWeb開発モダン環境への脱皮の過程になるはず…︵随時更新中︶ ※2021/01/22追加‥Firebase Authenticationでユーザー認証設定 デベロッパーツール いつもお世話になっているデベロッパーツール。デベロッパーツール上で直接HTML、CSS、JSを打ち直して修正を検証する方法。 ※参考‥Chromeデベロッパーツール事始め!HTML、CSS、JSを直感的に修正しよう デベロッパーツールでJS処理の該当コードを調べる方法︵2020/05/06追加!︶ ※参考‥︻デベロッパーツール︼JSコードのデバッグ︵前編‥コード特定編︶ ブレークポイントを設定して、処理を止める︵2020/05/07追加!︶ ※参考‥︻デベロッパーツール ︼JSコードのデバッグ︵
●
テクノロジー
●2019/10/24 09:16
1user
qiita.com/i-ryo
Qiitaに外部サイトやSNSが埋め込められるか検証してみたい。 Codepenの<iframe> 埋め込みコード <iframe height='265' scrolling='no' title='Babel practice 1' src='//codepen.io/i_ryo/embed/GvzKYK/?height=265&theme-id=0&default-tab=html,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>See the Pen <a href='https://codepen.io/i_ryo/pen/GvzKYK/'>Babel practice 1</a>byイイダリョウ (<a
●
テクノロジー
●2017/09/04 00:46
このページはまだ
ブックマークされていません
このページを最初にブックマークしてみませんか?
﹃qiita.com﹄の新着エントリーを見る
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
●総合
●一般
●世の中
●政治と経済
●暮らし
●学び
●テクノロジー
●エンタメ
●アニメとゲーム
●おもしろ
●アプリ・拡張機能
●開発ブログ
●ヘルプ
●お問い合わせ
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●ガイドライン
●利用規約
●プライバシーポリシー
●利用者情報の外部送信について
●公式アカウント
●ホットエントリー
●はてなブログ
●はてなブログPro
●人力検索はてな
●はてなブログ タグ
●はてなニュース
●ソレドコ
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しましたx