<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>MediaDevices.getUserMedia()</title> </head> <body> <button onclick="startVideo()">ビデオ開始!</button> <button onclick="stopVideo()">ビデオ終了!</button> <button onclick="snapshot()">写真撮影!</button> <h2>JavaScriptでカメラ表示(・8・)</h2> <video autoplay width="320" height="240"></video> <h2>スナップショット!</h2> <img/> <canvas style="display: none" width="320" hei
I love buttons. I can do things with buttons. Take a next step. Make a commitment. Get things done. With buttons, interaction springs to life. That’s why Buttons are arguably a design system’s most important component. Devilishly simple, they offer a simple label in a defined region I can press. As such, buttons are where you apply a design language’s base attributes in ways that’ll ripple through
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Stripe offers two core payments APIs compatible with Elements that give you the flexibility to accept various types of payments from your customers. You can integrate these APIs into Stripe’s prebuilt payment interfaces. While we recommend using Checkout Sessions for most users, the APIs serve slightly different use cases depending on how you choose to structure your checkout flow and how much con
How does it work? The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only one <style> tag and browser will decide which item of list to show or hide. Since it's just CSS - Jets.js may be applied to any tag, whether it's a table or UL, OL, DIV… Search term may be set using text field, select or even programmatically. In fact, plugin
InterfaceBuilderを使ってViewControllerを軽くする あまり記事を見かけないけど、実はInterfaceBuilderのIBOutletはNSObjectであればどのクラスでも接続することができる。 メリットとしては、 ViewControllerからロジックを分離できる ロジック部分を複数のViewController間で共有できる などなど。 方法 例として、 ボタンを押すと、ラベルのテキストを「Pushed」に変更する という処理をやってみる。 前提 UILabel, UIButtonをIB上で配置しておく 実際に処理を行うLabelChangerクラスのファイルを追加しておく 手順 NSObjectをFirst Responderの直下にドラッグ Custom Classでクラス名を指定←これが重要 クラス名を指定したあとはいつも通りIBOutletを接続
LTを聞いているという感覚でご覧ください。 Qiita:Coat Qiita用のUIコンポーネント集 GitHub用のUIコンポーネント集をForkしてつくりはじめた レポジトリ: https://github.com/increments/qiita-coat デモサイト: http://increments.github.io/qiita-coat/ 今週月曜からやってる これはcommit数 Qiita:Coatが必要に感じた背景 全ての開発者に共通する願い 高速に開発したい 秩序がほしい (a.k.a. 最低限度の品質の保証) 開発体制の情勢に起因する理由 開発人数が徐々に増えつつある 社員11人+アルバイト3人 四半期に1人ぐらい増えてる 50人が51人になるとかならともかく、5人が6人とかになると大きく変わる その他の理由 サポートサイトや採用サイトなどQiita風のデザインを
ほとんどのアプリで必ず使われるUIButtonですが、swiftでの基本的な使い方を見て行きたいと思います。 サンプルコードはこちらから https://github.com/eversense/Swift-UIButton-Example 通常のボタンを動的に生成 let button = UIButton() //表示されるテキスト button.setTitle("Tap Me!", forState: .Normal) //テキストの色 button.setTitleColor(UIColor.blueColor(), forState: .Normal) //タップした状態のテキスト button.setTitle("Tapped!", forState: .Highlighted) //タップした状態の色 button.setTitleColor(UIColor.redCol
See related links to what you are looking for.
workflow(ワークフロー)を初めて使う人のための基礎知識とおすすめレシピをまとめました。難しそうだと思っていた私が、実際にダウンロードから設定、使いやすさまでリポート!LINEメッセージやゲームを便利にする使い方を紹介しています。 workflowでできることworkflowはいくつかのアプリを連携させて行うような作業を、自動化するための作業効率化アプリです。 例えば、今聞いている曲を「SNSで共有したいなぁ」と思った場合、音楽アプリを開いて聞いている曲の共有マークをタップして、使用するSNSを操作して・・・、と手間がかかります。 このような操作を行う頻度が少なければ、不便に感じることはそれほどないかもしれませんが頻繁に行うのであれば一連の作業を自動化してくれるworkflowはかなりオススメです。 workflowはメニューと呼ばれるものを作成し、動作を定義してあげることで以降はボ
<button type="button" class="btn btn-default">Default</button> <button type="button" class="btn btn-primary">Primary</button> <button type="button" class="btn btn-success">Success</button> <button type="button" class="btn btn-info">Info</button> <button type="button" class="btn btn-warning">Warning</button> <button type="button" class="btn btn-danger">Danger</button> <button type="button" class="b
Bootstrapで実装したページをスマホなどの幅が狭いスクリーンで表示した際に、横からオフキャンバスのナビゲーションをアニメーションでスライド表示させるJSとCSSのパックを紹介します。 Off Canvas -Bootstrap Bootstrap Offcanvasの使い方 Step 1: 外部ファイル 当スタイルシートとスクリプトを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="../dist/css/bootstrap.offcanvas.min.css"/> </head> <body> ... <script src="../dist/js/bootstrap.offcanvas.js"></script> </body> Step 2: HTML まずは、オフキャンバスのナビゲーションを開くボタン。 <butt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く