はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ サンプル集

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 48件)

Next.jsのApp Routerを学ぶ際、shadcn/uiが参考になったという話 - Qiita

2024/05/11 このエントリーをはてなブックマークに追加 58 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita shadcn RSC Reactコンポーネント

Next.jsのApp Routerを学ぶ際に、UIライブラリを探していたところ、shadcn/uiが参考になったので紹介します。 shadcn/uiは、フレームワークやライブラリではなく、コピペで利用できるReactコンポーネントのサンプル集という立ち位置になっています。Tailwind CSSでデザインされており、React Server Components(RSC)にも... 続きを読む

BigQueryでSaaSのjsonデータを処理するSQLサンプル集 - 下町柚子黄昏記 by @yuzutas0

2022/01/04 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip SaaS BigQuery SQL 関数 JSONデータ

この記事の概要 SaaSのデータをBigQueryに統合することで業務改善を促進できる。 しかし、SaaSのデータの中身を見ると、BigQueryの関数では対応しにくい形式になっていることがある。 そこで、本稿では「こういうデータ形式だったらこういうSQLを書く」というサンプル集を掲載する。 目次 この記事の概要 目次 宣伝 実現... 続きを読む

MySQL 8.0の再帰With句のサンプル集 (1/3):CodeZine(コードジン)

2019/04/26 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip SQL 順序 本稿 CodeZine 前半

本連載では、MySQL 8.0のリリースを記念して、3回にわたってSQLの新機能を解説します。第2回の本稿では、再帰With句について解説します。 はじめに 本稿では、MySQL 8.0の新機能である再帰With句について解説します。前半は、学習効率が良いと思われる順序で、再帰With句の各機能をイメージを交えて解説します。後半は、... 続きを読む

MySQL 8.0のWindow関数のサンプル集 (1/3):CodeZine(コードジン)

2019/03/08 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip SQL 順序 本稿 CodeZine 前半

本連載では、MySQL 8.0のリリースを記念して、3回にわたってSQLの新機能を解説します。第1回の本稿では、Window関数について解説します。 はじめに 本稿では、MySQL 8.0の新機能であるWindow関数について解説します。前半は、学習効率が良いと思われる順序で、Window関数の各機能をイメージを交えて説明します。後半は、... 続きを読む

Flexboxを利用してよくあるレイアウトを実装したサンプル集 | NxWorld

2017/11/16 このエントリーをはてなブックマークに追加 118 users Instapaper Pocket Tweet Facebook Share Evernote Clip Flexbox NxWorld プレフィックス 見栄え CSS

一部ブラウザ(特にIE)で若干挙動が違ったりすることもあるものの、Flexboxを利用することで今までCSSだけでは難しかった見栄えが実装できたり、よりシンプルなCSSで実装できるレイアウトが増えました。 そんなFlexboxを利用してサイト制作時によく出てくるレイアウトを実装したサンプルをいくつか紹介します。 ※以下で紹介するものは基本的にプレフィックスを省略しているので、必要があれば各自で追記... 続きを読む

iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました - koogawa log

2017/02/19 このエントリーをはてなブックマークに追加 321 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub iOS github.com スクリーン アプリ

2016 - 04 - 30 iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました iOS Swift アプリ 輝度センサーやモーションセンサーなど、 iOS で検知できる様々な項目をまとめたサンプル集 iSensorSwift を Github で公開しました。 github.com ▼機能の1つである「輝度センサー」のスクリーン iSensorSwift ... 続きを読む

iOSで検知できるセンサー12項目をまとめた「iSensor」のSwift版を公開しました - koogawa log

2016/04/29 このエントリーをはてなブックマークに追加 321 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub iOS github.com Swift 興味

輝度センサーやモーションセンサーなど、 iOS で検知できる様々な項目をまとめたサンプル集 iSensorSwift を Github で公開しました。 github.com ▼機能の1つである「輝度センサー」のスクリーン iSensorSwift は昔書いた こちら のサンプル集を Swift で書き直したものになります。 興味のある方は、ぜひ使ってみてください! 続きを読む

ICON » Function Loops、サンプル集『End of Year Free Sample Pack』の無償配布を開始! 129種類/250MBのサンプル/MIDIファイルを収録

2015/12/26 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip WAV ICON フォーマット ループ ギター

『 End of Year Free Sample Pack 』は、Function Loopsの市販ライブラリーから厳選したパッケージで、計129種類/総容量250MBのサンプル/MIDIファイルを収録。サンプルのフォーマットは24bit/44.1kHzのWAVで、Webサイトではダンス・ミュージック系のサンプル集と謳われていますが、ギターやSEのループなどは様々なジャンルに使えそうです。 『 ... 続きを読む

ICON » Heavyocity、約3.6GBにも及ぶ大容量サンプル集「Free Production Loops」を無償配布中! WAV、Apple Loops、REXの3種類のフォーマットに対応

2015/12/25 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip AEON ICON WAV reX フォーマット

アメリカ・ニューヨークのHeavyocity Mediaが、年末年始のホリデー・ギフトとして、総容量3.6GBにも及ぶサンプル集「 Free Production Loops 」の無償配布を行っています。 「 Free Production Loops 」は、同社のAeonの中からメロディー系ループを60種類、DM-307の中からパーカッション系ループを250種類以上収録したサンプル集。各サンプル... 続きを読む

ICON » Boxed Ear、’90sドラム・マシンの名機:ローランド R-8のサンプル集「Roland R-8 MkII」の無償配布を開始! 初期PCMの808/909サウンドを多数収録

2015/12/22 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip PCM ICON ライブラリー シンセ音源 サウンド

シンセ音源を中心にサウンド・ライブラリーを多数リリースしているBoxed Earが、新作のライブラリー「 Roland R-8 MkII 」の無償配布を開始。「 Roland R-8 MkII 」は、その名のとおりローランドのPCMリズム・マシンの名機、R-8 MkIIのサウンドを収録したライブラリーです。 1989年に発売されたローランド R-8は、高品位なドラム・サンプルを贅沢に収録したPCM... 続きを読む

ICON » フィンランドのプロデューサー、Tekvisionが、EDMやダブステップ向けのオリジナル・サンプル集を無償配布中!

2015/10/06 このエントリーをはてなブックマークに追加 22 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICON EDM Soundcloud スネア フィンランド

フィンランドのプロデューサー、Tekvisionが、SoundCloudのフォロワーが2,000人を超えたことを記念して、オリジナルのサンプル集『Tekvision Samplepack 3』の無償配布を開始しています。 『Tekvision Samplepack 3』は、EDMやダブステップなどダンス・ミュージック向けのサンプル集で、キック/スネア、スラップベース、ギター、SEといったサウンドを... 続きを読む

流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集:phpspot開発日誌

2015/06/16 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip ページスクロール CodyHouse パララックス効果 多数

流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集 2015年06月16日- Page Scroll Effects | CodyHouse 流行りのページスクロールによるアニメーション効果が多数収録されたサンプル集がダウンロード可能です。 パララックス効果や3D効果など、クオリティの高いものばかりでかなり使えそう。最近流行りのページ作成に役立てられそうです 一昔前にここま... 続きを読む

テキスト欄にフォーカスが移動した際のアニメーションをありえないぐらい集めたサンプル集:phpspot開発日誌

2015/03/23 このエントリーをはてなブックマークに追加 53 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 フォーカス アニメーション ラベル

テキスト欄にフォーカスが移動した際のアニメーションをありえないぐらい集めたサンプル集 2015年03月23日- Some More Inspiration for Text Input Effects | Codrops テキスト欄にフォーカスが移動した際のアニメーションをありえないぐらい集めたサンプル集。 テキスト入力欄にフォーカスがあたるとラベルがアニメーションしたりといったエフェクトは最近の... 続きを読む

ここまで動かせる!楽しいcss アニメーションのサンプル集 | コムテブログ

2015/03/16 このエントリーをはてなブックマークに追加 147 users Instapaper Pocket Tweet Facebook Share Evernote Clip アニメーション コムテブログ Flash ソース 微調整

小気味よいアニメーションを用いたWebサイトを国内でも多く見かけるようになってきました。CSS3により画像編集やFlashが減りメンテナンス性も向上しています。2015年もアニメーションを取り入れるサイトは増えていくでしょう。 今回はCSSアニメーションを使って、面白い動きができるコードをご紹介します。ざっくりとしたソースで申し訳ないです、微調整はお願いします。 もくじ エフェクトサンプル 1.ア... 続きを読む

CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでもかという位あつめたサンプル集:phpspot開発日誌

2015/03/09 このエントリーをはてなブックマークに追加 69 users Instapaper Pocket Tweet Facebook Share Evernote Clip エフェクト phpspot開発日誌 ホバー時 ボタン それぞれ

CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでもかという位あつめたサンプル集 2015年03月09日- Inspiration for Button Styles and Effects | Codrops CSS3等をフルに活用してボタンのホバー時のエフェクトをこれでもかという位あつめたサンプル集。 単に数を集めただけではなく、それぞれの質も高く、流行りのデザインの物がまとまって... 続きを読む

ES6+カジュアルトークでES7について発表してきた | Web Scratch

2014/10/29 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip Web scratch ES7 runstant 参加 自分

ES6+カジュアルトーク - connpass ES6+カジュアルトーク に参加と発表してきました。 自分は明日には使えなくなるES7トークというES7の話をしてきました。 「runstant 始めるEcmaScript6 入門」 by @phi_jp EcmaScript 6 のサンプル集 | runstant runstant jsfiddle的なツール ハンズオン let 2進数を直接書ける... 続きを読む

コピペで使える! CSSで凝った背景を作るサンプル集 : ライフハッカー[日本版]

2014/06/29 このエントリーをはてなブックマークに追加 69 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペ ライフハッカー 背景 ウェブデザイン

Webサービス , デザイン , 趣味 コピペで使える! CSSで凝った背景を作るサンプル集 カメきち 2014.06.30 07:00 「CSS Gradients with background-blend-mode」はCSSの「background-blend-mode」を活用した背景サンプルをたくさん紹介しているサイトです。ウェブデザインをやっている方には非常に参考になるサンプルばかりです... 続きを読む

ICON » MusicRadar、テープ・ノイズやレコードのノイズ、フィルター・ノイズなど、さまざまな種類のノイズを集めたサンプル集の無償配布を開始

2014/05/16 このエントリーをはてなブックマークに追加 45 users Instapaper Pocket Tweet Facebook Share Evernote Clip しん ICON サンプル MusicRadar カテゴリー

英MusicRadarが、さまざまな種類のノイズを集めたサンプル集『502 free noise, hiss and crackle samples』の無償配布を開始しています。 『502 free noise, hiss and crackle samples』は、計502種類のノイズを集めたサンプル集。サンプルは8種類のカテゴリーに分けられており、テープ・ノイズやレコードのノイズ、さらにはシン... 続きを読む

ICON » ローランド TR-909をクローム・カセットに録音した味わい深いサンプル集、「BPB Cassette 909」が無償配布中(オリジナル・サンプルも含まれています)

2014/04/25 このエントリーをはてなブックマークに追加 47 users Instapaper Pocket Tweet Facebook Share Evernote Clip カセット TR-909 ICON 配布 サンプル

音楽制作情報サイト、Bedroom Producers Blogが配布を開始した「BPB Cassette 909」は、TR-909のサンプルを一度クローム・カセット・テープに録音して、それをさらにサンプリングしたサウンド・ライブラリー。TR-909から直接カセットに録音したものではなく、Edgar Maguyon(Edgar M)氏の手による高品位なサンプル集をカセットに録音して制作されたライブ... 続きを読む

quickstart-map-js - 地図で遊ぼう。ArcGISを使ったサンプル集|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2014/02/14 このエントリーをはてなブックマークに追加 30 users Instapaper Pocket Tweet Facebook Share Evernote Clip ArcGIS 標高 統合プラットフォーム ソフトウェア ソース

地図は位置情報と結びつけると凄く魅力的で面白いサービスになります。ArcGISというGISサービスの統合プラットフォームがあるのですが、これを使うと位置情報を含めた様々なデータが取り出せます。 そのサンプルとして開発されているのがquickstart-map-jsです。Googleマップとはまた違う面白さがそこにはありそうです。 サンプルです。まずは白地図。 標高をマッピングしました。 衛星+都市... 続きを読む

ドットによるナビゲーションのクールなサンプル集:phpspot開発日誌

2014/01/31 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 スライド ナビゲーション ドット

ドットによるナビゲーションのクールなサンプル集 2014年01月31日- Dot Navigation Styles | Codrops ドットによるナビゲーションのクールなサンプル集。 ギャラリーやスライドで使われるドットによるナビゲーション。 単にドットによるナビゲーションといっても色々なデザイン&アニメーション方法があるみたいで、こうしたナビゲーションを作る際には一度参考にしてみてよさそうな... 続きを読む

2013年10月:無料ダウンロードできるフリーソフト・シンセプラグイン・サンプル集など12選 | DTMニュース.jp

2013/11/04 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip DTMニュース.jp フリーソフト ソフトシンセ プリアンプ

毎月定例、DTMに役立つ無料ダウンロード可能なプラグイン/サンプル集を紹介するコーナー。今月はドラムンベース系音ネタがどっさり!ミックスダウンで使用できるようなプリアンプやアナログEQなんかも気になります。ソフトシンセも3本登場です!! TN Audio「Transcendental 2000」 ハードウェア・アナログシンセサイザーPowertran「Transcendent 2000」を意識して... 続きを読む

●●っぽい表現ができる「CSS3」サンプル集 | Find Job ! Startup

2013/10/29 このエントリーをはてなブックマークに追加 602 users Instapaper Pocket Tweet Facebook Share Evernote Clip イシジマミキ Startup 見出し Webフォント 流行

こんにちわ!ザ・マーズナレッジという会社をやっている、デザイナーのイシジマミキです。 Webフォントの充実、スマートフォンの流行、そしてCSS3の表現力アップにより、画像を使わなくても凝った表現の見出しが作れるようになりました。 どんなデザインがあるのか。海外のサイトを調べるとたくさん出てきますが日本語だとあまりカッコ良く見えなかったりもします。そこで今回は、日本語書体で使えるCSS3のコードサン... 続きを読む

TEST CORDING » node.js 怒濤の50サンプル!! – socket.io編

2013/07/14 このエントリーをはてなブックマークに追加 3087 users Instapaper Pocket Tweet Facebook Share Evernote Clip 怒濤 Socket.IO TEST CORDING 都度 整理

node.jsを使ったサンプル集です。ゲーム制作でサンプル作ってたら溜まったので整理がてら公開します。node.jsをローカルで実行できる環境を作ってない方は、「初心者でも安心!?Node.jsをインストールするなら仮想サーバを使おう」を参考にしてみてください。また、socket.ioやmongoDBを利用する際は、都度インストールしてください。 node.js基礎 001: hello,worl... 続きを読む

CSS3で描かれたシェイプのサンプル集:phpspot開発日誌

2012/05/21 このエントリーをはてなブックマークに追加 64 users Instapaper Pocket Tweet Facebook Share Evernote Clip シェイプ 図形 phpspot開発日誌 CSS アクセント

CSS3 Shapes | CSS3 Shapes Resource CSS3で描かれたシェイプのサンプル集。 CSS3でちょっとした図形を描いてみようといった場合に参考に出来ます。 図形そのままでは使えないかもしれませんが、ちょっとしたデザインのアクセントなどに応用することが出来るかもしれません ハートもちょっとCSSが長くなりますが描けます 関連エントリ アニメーションするバナーをCSS3で作... 続きを読む

 
(1 - 25 / 48件)