JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita

2024/02/21 264 users Qiita script height function 要素

要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.... 続きを読む

助けてくれ⋯百貨店は隠してんだ⋯休業すべきなんだ⋯⋯⋯

2021/08/21 251 users 百貨店 archive.today height width

<a href="http://archive.today/wt6F9"> <img style="width:300px;height:200px;background-color:white" src="https://archive.md/wt6F9/1b63a9d01c304c57073b9869947760bd23de2622/scr.png"><br> 助けてくれ⋯百貨店は隠してんだ⋯休業すべきなんだ⋯⋯⋯<br> アーカイブされた 2021年8月21日 06:35:55 UTC </a> {{cite web... 続きを読む

これが完全版！レスポンシブ対応のwebp画像を実装するHTMLのコード | コリス

2021/05/26 171 users コリス フォールバック WebP画像 HTML img要素

画像を実装するには、以前はimg要素にsrcで画像を指定するだけで簡単でしたが、レスポンシブ対応、Retina対応、遅延読み込み、そしてさまざまな画像フォーマットの登場により、HTMLのコードが複雑になっています。 レスポンシブ対応のwebp画像を実装するHTMLのコードの完全版を紹介します。非サポート用のフォールバック... 続きを読む

ローカル環境でISUCON9予選の問題を動かす : ISUCON公式Blog

2019/09/13 74 users ISUCON公式Blog ISUCON9予選 ローカル環境

ローカル環境でISUCON9予選のアプリケーションとベンチマーカーはGoとMySQLとDockerがあれば、Macなどローカル環境で動かすことができます。 ソースコードの取得まず、ソースコード一式をもってきます $ go get -d github.com/isucon/isucon9-qualify $ cd $GOPATH/src/github.com/isucon/isucon9-qualify 初期データの... 続きを読む

やる気のなくなるコメントの対処法 - 西尾泰和のScrapbox

2019/06/03 681 users Twitter Scrapbox 西尾泰和 イノベーション

大企業の中で新しいことをやろうとしている人が言われてやる気をなくすコメントを集めて対処法とセットで若い人に配布したら日本のイノベーションが活発になるのではないかとふと思った やる気のなくなったコメント＆コメントに対する対処法を募集 ----- Twitterで議論がとても盛り上がった src 始めた時に見落としてた... 続きを読む

立ち上げたTwitterアカウント(BuzzFeed Kawaii)が1年で30万フォロワー、ノープロモで超えたので分析面でやったことをまとめた。 - ひにログ

2019/05/10 138 users Twitterアカウント BuzzFeed Kawaii

<a href="http://archive.today/U9Um9"> <img style="width:300px;height:200px;background-color:white" src="https://archive.fo/U9Um9/69db81d8d41a053aa6e950073bde6f93471aed3a/scr.png"><br> 立ち上げたTwitterアカウント(BuzzFeed Kawaii)が1年で30万フォロワー、ノープロモで超えたので分析面でやったことをま…<... 続きを読む

俺の必殺技 ボイスバージョン喜び度100%マシマシ - ねうしとらうたつみうまひつじさるとり押井守い - Radiotalk(ラジオトーク)

2018/11/06 68 users Radiotalk scrolling Embed 必殺技

俺の必殺技 ボイスバージョン喜び度100%マシマシ ねうしとらうたつみうまひつじさるとり押井守い <iframe width="460" height="185" src="https://radiotalk.jp/embed/82363" frameborder="0" scrolling="no" allowfullscreen style="max-width: 100%;"></iframe> 続きを読む

渋谷ハロウィンを5年見た感想

2018/11/01 300 users 渋谷ハロウィン 感想 archive.today width

<a href="http://archive.today/XXv0v"> <img style="width:300px;height:200px;background-color:white" src="https://archive.fo/XXv0v/a57038bd6da710cad765280a7b542c64ccf0bce6/scr.png"><br> 渋谷ハロウィンを5年見た感想<br> アーカイブされた 2018年11月1日 10:31:24 UTC </a> {{cite web | title = 渋谷ハロウ... 続きを読む

渋谷ハロウィンを5年見た感想

2018/11/01 582 users 渋谷ハロウィン 感想 archive.today width

<a href="http://archive.today/XXv0v"> <img style="width:300px;height:200px;background-color:white" src="https://archive.fo/XXv0v/a57038bd6da710cad765280a7b542c64ccf0bce6/scr.png"><br> 渋谷ハロウィンを5年見た感想<br> アーカイブされた 2018年11月1日 10:31:24 UTC </a> {{cite web | title = 渋谷ハロウ... 続きを読む

ghqを使っていても(使っていなくても)goimportsを爆速にする | おそらくはそれさえも平凡な日々

2018/08/28 79 users GHQ ローカルリポジトリ $GOPATH エントリ 日々

「ghqを使ったローカルリポジトリの統一的・効率的な管理について」というエントリで書かれているように、 ghq.root と $GOPATH/src を一緒にする運用で長年やってきて、goimports が遅いことに困っていたのだが、以下でめちゃくちゃ快適になった。 .goimportsignore を使う goimports-update-ignore で自動生成をする ... 続きを読む

JavaScriptのライブラリを徐々にTypeScriptに移行する | Web Scratch

2017/07/17 89 users TypeScript コミットログ Babel ライブラリ

Almin というライブラリは元々JavaScript(+Babel)で書かれていましたが、今年の2月に src/ 下のソースコードはTypeScriptに移行しました。 その時のコミットログは次のPRに残っているため、コミットログを1コづつ見ていけばどのように行われていったが分かると思います。 Convert src/ to TypeScript by saneyuki · Pull Reque... 続きを読む

bot (@naoyasan_e) | Twitter

2017/06/06 99 users Twitter height Archive.is PNG

<a href="http://archive.is/SX72u"> <img style="width:300px;height:200px;background-color:white" src="https://archive.is/SX72u/3cf5f5dd49e0f3aa647ba9d9008ea2302b7767ad/scr.png"><br> bot (@naoyasan_e) |... 続きを読む

学校教育における政治的中立性についての実態調査 | 参加しよう | 自由民主党

2016/07/08 90 users 自由民主党 height 中立性 実態調査 PNG

<a href="http://archive.fo/FysFM"> <img width="300" height="200" src="http://archive.li/FysFM/eae5fa31b0fdc1706eeb7dbdbc6e419cd4511128/scr.png"><br> 学校教育における政治的中立性についての実態調査 | 参加しよう | 自由民主党<br> アーカイブされ... 続きを読む

学校教育における政治的中立性についての実態調査 | 参加しよう | 自由民主党

2016/07/08 90 users 自由民主党 height Archive.is 中立性 PNG

<a href="http://archive.is/FysFM"> <img width="300" height="200" src="http://archive.li/FysFM/eae5fa31b0fdc1706eeb7dbdbc6e419cd4511128/scr.png"><br> 学校教育における政治的中立性についての実態調査 | 参加しよう | 自由民主党<br> アーカイブされ... 続きを読む

デイトレードを始めるなら絶対に読んでおくべき記事まとめ | 投資の教科書

2014/11/21 107 users デイトレード Alt height wp-content 投資

<p><img class="alignright wp-image-1607" alt="chartpatarn" src="http://toushi-kyokasho.com/wp-content/uploads/2013/11/chartpatarn.jpg" width="360" height="273" />これからデイトレードを始めたいという方のほとんどは、デイトレードはお小遣い稼... 続きを読む

赤松健さんによる『Ｊコミ』改め『絶版マンガ図書館』記者会見レポート : 見て歩く者 by 鷹野凌

2014/07/10 141 users 鷹野凌 赤松健さん 絶版マンガ図書館 記者会見レポート 赤松健

2014年7月10日木曜日 赤松健さんによる『Ｊコミ』改め『絶版マンガ図書館』記者会見レポート 著者: 鷹野凌 ラベル: Jコミ, レポート, 赤松健, 電子図書館 <img border="0" src="http://2.bp.blogspot.com/-j4iJ0MwAZbc/U74WfbyEgyI/AAAAAAAB1zs/Ch4fM0SnHQM/s400/2014-07-10+13.03.... 続きを読む

伝わる文章を書くために重要な「200字の法則」 : ライフハッカー［日本版］

2014/06/12 88 users ライフハッカー 法則 文章 200字 lazy

スタディ , 仕事術 , 書評 伝わる文章を書くために重要な「200字の法則」 印南敦史 | ライター 2014.06.13 07:30 <img alt="200字の法則 伝わる文章を書く技術 class="lazy" data-original="http://www.lifehacker.jp/images/2014/06/20140613.jpg" src="/common/img/laz... 続きを読む

OpenBSDがOpenSSLの大掃除に着手、「OpenOpenSSL」サイトも立ち上がる | スラッシュドット・ジャパン オープンソース

2014/04/17 206 users OpenBSD libssl tamo slashdot 罵倒

tamo 曰く、 OpenBSDがOpenSSLの大掃除に着手しています（slashdot）。 たとえばlibssl/src/sslを見ると、CVSに罵倒と修正がひっきりなしに記録されています。 Heatbleed対策のパッチだけで満足しなかった理由は、彼らから見てHeartbleedが単なるバグや仕様の問題ではなく、セキュリティ意識の問題から産まれたものだからです。 何年も前から 「OpenSS... 続きを読む

OpenBSD から見て Heartbleed は氷山の一角に過ぎない | スラッシュドット・ジャパン Submission

2014/04/17 206 users OpenBSD libssl tamo Submission

tamo 曰く、 既にコメントしましたが、 OpenBSD が OpenSSL を大掃除しています (本家記事)。 libssl/src/ssl だけを見ても、CVS に罵倒と修正がひっきりなしに記録されています。 Heatbleed 対策のパッチだけで満足しなかった理由は、彼らから見て Heartbleed が単なるバグでも単なる仕様の問題でもなく、セキュリティ意識の問題だからです。 何年も前か... 続きを読む

OpenBSD から見て Heartbleed は氷山の一角に過ぎない | スラッシュドット・ジャパン Submission

2014/04/16 206 users OpenBSD libssl tamo Submission

tamo 曰く、 既にコメントしましたが、 OpenBSD が OpenSSL を大掃除しています (本家記事)。 libssl/src/ssl だけを見ても、CVS に罵倒と修正がひっきりなしに記録されています。 Heatbleed 対策のパッチだけで満足しなかった理由は、彼らから見て Heartbleed が単なるバグでも単なる仕様の問題でもなく、セキュリティ意識の問題だからです。 何年も前か... 続きを読む

本の虫: OpenBSD、怒りのコミット

2014/04/11 307 users OpenBSD libssl IETF Makefile

2014-04-11 OpenBSD、怒りのコミット OpenSSLのheatbeatバグの対応のため、OpenBSDはOpenSSLのheatbeatを無効にするコミットをした。ただし・・・ src/lib/libssl/ssl/Makefile - view - 1.29 SegglemannのRFC520 heatbeatを無効化。 あのまともなプロトコルひとつ制定できないIETFの無能集団... 続きを読む

CSSスプライトを生成する「grunt-spritesmith」 - to-R

2014/04/07 98 users Grunt CSSスプライト to-R コマンド インストール

grunt-spritesmithはCSSスプライトを生成するGruntモジュールです。 Gruntの基本的な使い方は「Gruntで始めるWeb制作の自動化 - to-R」を参照に。 grunt-spritesmithのインストールは以下のコマンドです。 npm install grunt-spritesmith --save-dev Gruntfile.jsの内容は以下のようにします。srcで個... 続きを読む

ボーイフレンドを直す方法　あるいは賢いjQuery.Deferredの使い方 - mizchi's blog

2013/12/17 200 users ボーイフレンド function 帯域 WIFI環境 回線

2013-12-17 ボーイフレンドを直す方法　あるいは賢いjQuery.Deferredの使い方 問題 モバイルは回線が不安定なので、ロードの失敗が頻繁に起こります。 開発時は高速なwifi環境で開発しているので、リリース間近になって帯域を圧迫していることに気づいたりします。 解決方法 画像を先読みします var preload = function(src){ var d = $.Deferr... 続きを読む

単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」:phpspot開発日誌

2013/12/10 81 users jQuery スクロール ライブラリ phpspot開発日誌

単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」 2013年12月10日- Echo.js, simple JavaScript image lazy loading 単体1KB以下で動作する遅延ローダーライブラリ「Echo.js」。 スクロールがいってはじめて画像を読み込むライブラリ。jQueryなどに依存せず、軽量。 空の画像をsrcに設定しておきつつdata-echoでソース... 続きを読む

[JS]指定した要素内いっぱいに背景画像を最適に配置するシンプルなスクリプト -Wallpaper | コリス

2013/10/30 99 users WallPaper コリス script text Step

幅480pxで表示 Wallpaperの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.bp.wallpaper.j... 続きを読む