プログラミング言語をすぐに試せる「プレイグラウンド」まとめ。2024年版

2024/04/03 706 users プレイグラウンド フレームワーク ライブラリ 手間 実行環境

新しいプログラミング言語やライブラリ、フレームワークを学ぶには、実際にそれらを試して挙動などを見てみることが大事ですが、実行環境を用意するのは手間がかかります。 そこで役立つのが、いわゆる「プレイグラウンド」と呼ばれる、Webブラウザでプログラミング言語やライブラリ、フレームワークをすぐに試すことが... 続きを読む

【ChatGPT】面倒なことはアウラにやらせよう - 本しゃぶり

2024/02/04 761 users chatgpt GPT アウラ GPTs チャットボット

ChatGPTは自分オリジナルのGPTを作ることができる。 それを好きな時に呼び出すこともできる。 つまり、こういうことができる。 おわり GPTsの正しい使い方 去年の11月にChatGPTでは、誰でも簡単にカスタマイズされたチャットボットを作れるGPTsという機能が追加された。挙動を自然言語で指示し、名前とアイコンを付けた... 続きを読む

ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io

2023/11/05 939 users jxck.io キャッシュ ブラウザ 全て INTRO

Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modif... 続きを読む

市役所でべしゃり散らす女児を見ていて思った話

2021/03/09 763 users 女児 視界 住民票発行 市役所 不審者

先日、市役所で住民票発行されるの待ってるとき、目の前に2歳くらいの女の子とお母さんらしい女性がいたんだわ。子供の挙動って見てて飽きないもんで、観察してて面白いから、（俺なりに）不審者にならないように注意しながら眺めてたんだよな。 その女の子、この子がまあよくしゃべるしゃべる、彼女の視界に何が映って... 続きを読む

コミットはスナップショットであり差分ではない - GitHubブログ

2021/01/06 527 users コミット Git GitHubブログ スナップショット 差分

Git は紛らわしいという評判です。用語や言い回しが意味するものと、そこから想像する挙動が違ってユーザーが混乱すると言われます。これは、git cherry-pick や git rebase のような「履歴を書き換える」コマンドに最も顕著です。私の経験では、この混乱の根本的な原因は、コミットは 差分 であり順番を入れ替えること... 続きを読む

本の虫: Linus Torvalds様、ユーザースペースの互換性を壊した開発者に強い態度をお示しになる

2018/12/24 558 users 強い態度 互換性 commit torvalds Linux

Linuxカーネル4.18から、userns mountに対して暗黙にSB_I_NODEVを設定するようになったために、既存のsystemdのnspawn実装が壊れた。 以下が問題のパッチだ。 https://github.com/torvalds/linux/commit/55956b59df336f6738da916dbb520b6e37df9fbd Linuxカーネルにおいては、ユーザースペースの挙動は変えないという強い... 続きを読む

フロントエンドエンジニアから、デザイナーさんに意識してほしい10のこと｜Pittan｜note

2018/11/04 1620 users Pittan｜note フロントエンドエンジニア テキスト

フロントエンドエンジニアとデザイナーさんは日々協力してプロダクトを作っていく関係にあります。デザイナーさんが作ってくれたものをエンジニアが素早く実現できるよう、いくつかエンジニアから意識してほしいことをまとめました。 とりあえず10個並べてみる・テキストの内容が増減したときの挙動を デザインから読み... 続きを読む

『メルカリ』 アプリの画面描画を高速化する技術、バックエンド・iOS・Androidの基本設計 #エンジニアHub - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2018/07/27 865 users エンジニアHub メルカリ 画面描画 レイテンシ キャリア

バックエンドの高速化を支える技術 【Tips1】 画像のファイルサイズを最適化し、アプリ全体の通信量を抑える 【Tips2】データセンター間通信のレイテンシを抑える 【Tips3】アプリのありとあらゆる挙動を常にモニタリングする iOSアプリの高速化を支える技術 【Tips4】Objective-CからSwiftへの移行 ＆ アーキテクチャの... 続きを読む

ドラッグ&ドロップでReact製のWEBアプリがつくれるReactStudioがやばい - Qiita

2018/01/09 508 users Qiita Props React製 state jsx

はじめに reactというとJSXの書き方、props、stateの挙動等を覚える必要があるため、 学習コストが割りと高めであったり、環境を構築するのに一手間かかったり等、 まだまだとっつきにくさが否めないライブラリです。 しかし、今回は、そんなReactをドラッグ&ドロップでアプリが 作れてしまうツールがあったので紹介したいと思います。 ※尚、Windowsはなく、Macのみで使用できるツールで... 続きを読む

ECMAScript 2015以降のJavaScriptの`this`を理解する | Web Scratch

2018/01/04 608 users this js-primer Web scratch ベース

この記事はJavaScriptの入門書として書いている js-primer の this に関する部分をベースにしています。 またjs-primerでは書けなかった現在時点(2018年1月1日)でのブラウザの挙動についてを加えたものです。 次の場所に js-primer 版のか this についての解説があります。 この記事と違って実際にコードを実行しながら読めるので、学習ソースとしては js-p... 続きを読む

【HTML/CSS】たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強のCSSができてしまった話【最強】 | eureka tech blog

2017/12/13 3803 users フェードイン CSS HTML 最強 全力

エウレカのPairsグローバル事業部エンジニアの山内です。 この記事は、eureka Advent Calendar 2017 13日目の記事です。 昨日は新卒エンジニア鈴木康文さんの「 Goのフレームワーク“Revel”を触ってみた 」でした。 これからGoをはじめてみようという方にはとても入っていきやすい内容です。是非。 # 前置き 最近、HTML要素をフェードイン/フェードアウトする実装をし... 続きを読む

【特集】複数の規格が入り交じるUSB Type-C。その挙動を探る【PC給電編】 ～MacBookとThinkPadで各社のケーブルをチェック - PC Watch

2017/09/12 681 users 主旨 規格 各社 USB Type-C 反響

市販のUSB Type-Cケーブル9本を使ってUSB PDまわりのテストを行なう 　前回の記事「 ケーブル選びに失敗しないための「USB Type-C」基礎知識 」は多数の反響を頂戴した。ご感想の大半は「なるほどわからん」という主旨だったように思うが、コネクタ形状が統一されるメリットばかりが喧伝されるUSB Type-Cにおいて、実際はデメリットも多いことを初めて知ったという方は多かったようだ。こ... 続きを読む

【the360.life】 【乾電池最強決定戦】Panasonicエボルタ、Amazon純正はまさかの結果に。買うべき1本は意外な……

2017/07/12 519 users サーモスタット どれ アルカリ乾電池 Amazon純正 まさか

Amazonの隠れた激戦区、アルカリ乾電池カテゴリー。最強と名高いパナソニックのエボルタ、Amazon純正モデルなどなど名高い製品がしのぎを削りますが、果たして我々が買うべき最強の1本ってドレなんでしょう？ そこで、アルカリ乾電池の性能を見極めるために、今回はふたつのテストを行いました。 ひとつ目のテストは、サーモスタットに電力を供給し、50ccの水を冷やし、電池切れになるまでの時間と挙動を観察し... 続きを読む

絶対SIMPLE主義 ニンテンドースイッチ！ロンチソフト10本の簡単な感想を書くぞ！

2017/03/05 1430 users SIMPLE主義 ニンテンドースイッチ ロンチ 感想 任天堂

ニンテンドースイッチ！ロンチにソフト10本買って遊びまくってるぜ！ スイッチ本体の挙動の軽快さや立ち上がりの早さ、 スリープ機能のおかげで携帯ゲーム機とまったく同じ感覚で遊べるのが素晴らしい。 ミーバースとかわくわく広場とかの機能を省いただけのことはあるサクサク感だ。 任天堂はスイッチのことをあくまでも据え置きゲーム機と言っているが、 任天堂の携帯ゲーム機が今後どうなるか色んな意味で気になるぜ。 ... 続きを読む

実装を引き受ける前に詰めておくべきWebフロントエンドの想定漏れチェックシート - Qiita

2017/02/04 738 users Qiita リキッドレイアウト デザインカンプ 実装 齟齬

リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせ... 続きを読む

Linux - エンジニアなら知っておきたい lessコマンドtips 11選 - Qiita

2015/09/11 666 users CentOS Qiita less エントリ Linux

タイトルはかなり挑戦的(?)ですがあまり気にしないでください。 ※注意 このエントリで紹介しているオプション、コマンドはCentOSでしか動作確認をしていません。 その他ディストリビューションや、インストール方法によっては挙動が異なる場合があります。 「less」 使ってますか? エンジニアなら普段Linuxに触る機会が多々あるかと思います。 エンジニアのみならずMacだったりUbuntuだったり... 続きを読む

HTML／CSS、PHP、jQueryの基礎を学ぶなら超オススメ！プログラミング学習サービス「Progate」 | OZPAの表4

2015/01/19 850 users Twitter jQuery OZPA Progate CSS

まずはProgateへアクセスしてアカウントを作成。私はTwitterで認証しました。 現在学べる言語は HTML & CSS PHP jQuery の3言語の基礎部分。 とりあえずHTML & CSSをやってみましょう。 学習の流れ 学習の流れは3ステップ。 スライドで基礎知識を学習 ブラウザ上のエディタにコードを書いて実際に学習 プレビュー画面で実際に挙動を確認→答え合わせ といった感じです。... 続きを読む

SSLがSEOに効くようになるのでmeta referrerのブラウザ対応状況を調べた | nanapi TechBlog

2014/08/13 7776 users nanapi TechBlog SEO SSL リファラ 宣言

エンジニアのakiyanです。 2014年8月7日にGoogleが「HTTPS をランキング シグナルに使用します」と発表しました。SSLで配信されているページを検索順位的に優遇する宣言です。 https から始まるURLのページでは、httpとの挙動の違いのひとつとして https から http へ遷移した際に、リファラが送出されません。 リファラは主に送られてきたものを集計して解析するもので... 続きを読む

レースゲームの「ゴースト」を通して10年前に死んだ父と再会した青年 | Game*Spark - 国内・海外ゲーム情報サイト

2014/07/23 523 users Game*Spark YouTube ゴースト 青年 車体

最速タイムでコース上を走る車体の挙動を記録し、おもにタイムアタックにて当たり判定のないライバル車として再登場させるレースゲームの「ゴースト」。とある青年がこの機能を通して、10年前に死んだ父の操作する「ゴースト」に遭遇したとのエピソードを語りました。 これは今年5月にYouTubeで公開された「ビデオゲームはスピリチュアルな体験になりうるか？」のコメントセクションにて、ユーザー00WARTHEPA... 続きを読む

height:autoの特殊な仕様について | Webamb | ウェブアンブ

2013/07/05 591 users Webamb auto height padding 仕様

height:autoの特殊な仕様について 皆さんご存知のCSSプロパティ height は基本的にpaddingはmarginは含みません。 ただし、値がautoの時だけ挙動が違います。 今日はその辺りを書きたいと思います。 heightについて heightはコンテンツの高さを指定するプロパティです。 なのでpaddingなどを併記して指定する場合はpaddingの数値を引いて、heightを... 続きを読む

HTML5で組んでるならこの魔法のjsも入れておけっていう話 | [M] mbdb

2012/12/01 1460 users Tweet mbdb モダンブラウザ 目安 IE8

HTML5で組んでるならこの魔法のjsも入れておけっていう話 Hacks Web Technical Please Share! Tweet この記事を読むのに必要な時間の目安: 約 6 分 現在、A!＠attripさん発で話題になっている｢たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS｣という記事読みましたか? Webデザイン界隈では当たり前のものですが、実はもうひとつ追加... 続きを読む

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS | A!@attrip

2012/11/30 955 users attrip モダンブラウザ 魔法 IE8 IE5.5

たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS 続きを読む

CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

2011/06/16 1640 users CSS クセ CSSサンプル Webテクニック スタイルシート

CSSでWebデザイン、レイアウトするときに気をつけておきたいブロックレベル要素のクセをもとめてみました。ブロックレベル要素をdisplay:inlineしたときや、floatさせたときなどの挙動などを中心にCSSサンプルも作りました。スタイルシートでレイアウトするときに参考にしてもらえればうれしいです。Webテクニック CSS Share Webデザインをするときに必ず使うスタイルシート。思うよ... 続きを読む

iPhone・iPadユーザーの全てにオススメできる無料のメモアプリ「DraftPad」が超絶便利な10の理由 | なまら春友流

2011/05/29 1540 users メモアプリ Evern Draftpad バックアップ メモ帳

DraftPad 1.4 カテゴリ: 仕事効率化 価格: 無料 更新: 2011/03/24 DraftPadは1枚の紙というコンセプトで生まれたメモアプリ。 そんなDraftPadが超絶便利である10の理由を列挙する。 デジタルなメモ帳はここまで進化していた。 素早い起動 安定した挙動と万全のバックアップ 文字サイズの変更とテキスト内要素を表示 無限大の可能性「アシスト機能」について evern... 続きを読む

Linuxでシステムに対して意図的に高負荷をかけたい場合 - RX-7乗りの適当な日々

2010/05/15 604 users Linux RX-7乗り 高負荷 Stress システム

IT, Linux 今更感があるかもしれませんが紹介。stressコマンドを使うと、CPUやメモリ、ディスクに対して意図的に負荷を与えることができます。 どこで使うかというと、、、高負荷時のシステムの挙動を見たい場合、AutoScaling等の自動でスケールアップ/アウトさせるための仕組みのテストをしたい場合、部屋が寒いときにPCに発熱させたい場合ｗｗｗなどで使えるのかな、と。 Stressをイン... 続きを読む