[B! javascript] ayakohiroeのブックマーク

ayakohiroe id:ayakohiroe

javascriptに関するayakohiroeのブックマーク (12)

難しすぎると話題の「警視庁の音ゲー」、JavaScriptでベタ書きされていた→作り切る根性がすごいし参考になりそうな実装だった
蒸すか大差 @7vU6jrZRuX2ffkY もともとバルス専用垢でしたが、現在はクソツイート投稿用として運用中です深夜はアニメ実況や時報でTLを汚しますのでフォローの際はご注意ください codepen.io/musukataisa/fu…
ayakohiroe 2023/06/07
javascript
リンク
たった256文字のJavaScriptコードで描かれた街の風景アニメがスゴ過ぎて訳がわからない／解説ページを見てもわからないorz【やじうまの杜】
ayakohiroe 2022/06/01
javascript

アニメ

プログラミング

デザイン
リンク
Webフロントエンドパフォーマンスチューニング80選 - Qiita
こんにちは、ぬこすけです。近年、Webフロントエンドではサイトのパフォーマンスの重要性が高まっています。例えば、GoogleはCore Web Vitalというパフォーマンスに指標を検索結果のランキング要因に組み込みました。また、近年の某企業が﹁パフォーマンスの改善に取り組んだ結果、セッション数〇％アップ、CVR〇％アップ...﹂などの事例は枚挙にいとまがないでしょう。パフォーマンスチューニングするためには、定量的に計測してボトルネックを探すようなトップダウンなアプローチもあります。しかしながら、時には千本ノック的にハウツーを片っ端から試していくボトムアップなアプローチも有効になることもあったり、日々のコーディングでパフォーマンスを意識したコードを書くことは大切でしょう。この記事ではパフォーマンス最適化のハウツーを紹介します。パフォーマンス改善の施策が思い浮かばない時やフロン
ayakohiroe 2022/02/16
チューニング

パフォーマンス

プログラミング

web

javascript
リンク
JavaScriptを完全無料で学習できる最強の厳選コンテンツを大公開！ - paiza times
どうも、まさとらん︵@0310lan︶です！今回は、JavaScript初心者から中級者までをカバーできる学習コンテンツを厳選してご紹介します。完全無料で公開されているものばかりを集めており、なおかつ質の高いコンテンツを選んでいますので独学したい方にも最適です。テキスト、動画、本、Webアプリなど、さまざまな種類のコンテンツを楽しみながらぜひ学習に役立ててください！ ■学習を始める前にこれからJavaScriptの学習コンテンツについて解説をしていく前に、ひとつだけ以下のサイトをご紹介しておきます。︻ The Modern JavaScript Tutorial ︼これはJavaScriptの基礎構文・DOM操作・非同期処理・サーバ通信など、ほとんどの学習項目を網羅したリファレンスのようなサイトです。海外で作られたサイトですが、うれしいことに日本語化されているので初心者にも扱いや
ayakohiroe 2021/10/15
javascript

学習
リンク
ソースコード変換 < & " > br改行　WEB用に自動エスケープ
オプション2　textarea オプション2　　　※ 重複設定に注意　多量のスペースや改行は自動削除空行を削除カンマ前後に空白削除 \n改行⇒カンマ連続カンマ⇒１個最後のカンマを削除カンマ⇒\n改行全空スペース⇒半角全空スペース⇒削除簡易制作した個人用ツール︵作者環境用の仕様︶ですが、 SyntaxHighlighterとカンマ区切り用に少々改良して公開。︵改行コードは、あえて\r,\nで分けずに\nで書き出し︶チェックボタンも優先順まで考慮していないので、オプションを上手く利用し自己責任で動作や変換結果の確認を！ SyntaxHighlighter  <script type="text/javascript" src="scripts/shCore.js"></script> <script type="text/javascr
ayakohiroe 2019/01/21
javascript

js

ソースコード

ノウハウ

web

css

エスケープ

便利ツール

ブログ
リンク
ゼロから始めるJavaScript生活 - Qiita
︵訳者注: これは、JavaScript Stack from Scratchを翻訳し、まとめて読めるように1ファイルにしたものです。元の翻訳と各種ファイルについては、日本語訳forkリポジトリを参照してください。また、原文が活発に更新されているため、訳文も追従して更新されます。ご了承ください。︶モダンJavaScriptスタックチュートリアル、ゼロから始めるJavaScript生活へようこそ。 ⚠️️ このチュートリアルのメジャーアップデート版を3月初旬に公開する予定です。ご期待下さい!より詳しく(英語). これはJavaScriptスタックを使い始めるための最短最速のガイドです。このガイドは一般的なプログラミングの知識とJavaScriptの基礎を前提としています。これら全てのツールを一緒につなぎ合わせることにフォーカスしており、各ツールについて可能な限りシンプルな例を提供します。
ayakohiroe 2016/11/09
javascript

programming

プログラミング

チュートリアル

react
リンク
とほほのBootstrap 3入門 - とほほのWWW入門
このページは﹁Bootstrap3﹂について説明しています。Bootstrap4については、﹁Bootstrap4入門﹂を参照してください。 Bootstrap は、スマートフォンなどのモバイル端末にも対応し、レスポンシブデザインを採用した HTML, CSS, JavaScript フレームワークです。 Twitter 社で開発され、最初は﹁Twitter Bootstrap﹂と呼ばれていましたが、現在は﹁Bootstrap﹂となりました。ライセンスはMIT License で、商用利用も可能です。現時点(2018年5月6日)の最新バージョンは 4.1.1 です。 Bootstrap2と Bootstrap3以降では一部互換性の無い機能があります。 2018年1月に Bootstrap4も正式リリースされました。
ayakohiroe 2015/09/10
javascript
リンク
テーブルをソートできるようにするjsライブラリ-table sorting
テーブルをソートできるようにするjsライブラリ-table sorting Check Tweet 配布元：Table sorting JavaScript ライセンス：MIT license バグ修正&日本語対応版配布元：to-R[とあるWebクリエイターのblog] table sortingはテーブルをソートできるようにするjsライブラリです。テーブルの内容でソートしたり、奇数行、偶数行にそれぞれ異なるclassをつけたりが可能です。設置方法ダウンロードしたsorta ble.jsをhead要素内なので読み込みます。 <script type="text/javascript" src="sorta ble.js"></script> ソートの対象のtable要素のclass属性をsorta bleに設定して、任意のID名をid属性につけます。 <table class="sort
ayakohiroe 2015/07/15
javascript

テーブル

ソート
リンク
http://www.aaronvanderzwan.com/maximage/index.php
ayakohiroe 2015/06/19
Web制作

jQuery

design

javascript

background
リンク
パララックスエフェクトの基本
jQueryをメインにHTML5やCSS3を使ったリッチな表現のためのテクニックを紹介。まずはパララックスエフェクトの基本から。 Webサイトの55％で利用されているjQuery はじめまして。クラスメソッドのフロントエンドエンジニア、山田です。﹁jQuery×HTML5×CSS3を真面目に勉強﹂という連載をスタートします。 2005年2月にGoogle mapsが登場して以来、Web開発者の間でJavaScriptの株は上昇の一途をたどっています。その勢いはとどまることを知らず、リッチなWebコンテンツを作るには、Flashをはじめとしたプラグインに頼るという、それまでの常識をすっかり覆してしまいました。さらに、HTML5やCSS3も登場し、各ベンダのブラウザがWeb標準の仕様に合わせて実装の足並みを揃え始めるなど、プラグインに頼らずともリッチなUIのWebコンテンツを少ない手間で作れ
ayakohiroe 2014/12/02
webデザイン

web制作

javascript

html5

jquery

css

パララックス
リンク
jqFloat.js Demonstration
jqFloat.js A jQuery plugin that able to make any HTML objects appear to be floating on your web page. $(document).ready(function() { $('object').jqFloat({ width: 100, height: 100, speed: 1000 }); });
ayakohiroe 2014/04/23
jquery

javascript

ふわふわ
リンク
"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田晃一良｜note
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側︵つまりブラウザ側︶でノートの中身を公開しているみたいなのです。それはブラウザでソースを見てみるとわかります。例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML︵上のソース︶と各ノートのJSO
ayakohiroe 2014/04/11
note

Chrome

Javascript
リンク
1

お知らせ

もっと読む

公式Twitter

@HatenaBookmark
リリース、障害情報などのサービスのお知らせ
@hatebu
最新の人気エントリーの配信

キーボードショートカット一覧

j次のブックマーク

k前のブックマーク

lあとで読む

eコメント一覧を開く

oページを開く

設定を変更しましたx