はてブログ

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



タグ 実装コード

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

AIで簡単に実装コードを生成できる! テキストからCSSアニメーションのコードを生成できるツール -AI CSS Animations

2024/06/18 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSSアニメーション プロンプト テキスト コード 音声

簡単にCSSアニメーションのコードを生成できるAIツールが登場しました。テキストや音声でプロンプトを入力するだけで、複雑なCSSアニメーションでも数秒でコードが生成されます。 生成されたCSSアニメーションはその場ですぐ...記事の続きを読む 続きを読む

コピペで簡単!シンプルなHTMLとCSSで実装された17種類のヘッダのテンプレート -headers.css | コリス

2020/09/14 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ナビゲーション バリエーション ヘッダ CSS

新しいプロジェクトですぐに利用できるようシンプルなHTMLとCSSで実装された、17+種類のWebサイトのヘッダを実装するテンプレートを紹介します。 ヘッダはロゴ、ナビゲーション、検索フォームのシンプルな構成ながら、バリエーションは豊富で、実装コードだけでなく、デザインのアイデアとしても便利です。 headers.css ... 続きを読む

よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout | コリス

2020/05/27 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip フレームワーク ナビゲーション コリス CSS Layout

最近のWebサイトで見かける、ページのレイアウトをはじめ、ナビゲーション、フォームのさまざまな入力要素、インタラクション要素、UI要素などのCSSでの実装コードをまとめたCSS Layoutを紹介します。 すべてシンプルなコードで実装されており、外部ファイルやフレームワークは一切必要ないので、簡単に利用できます。 ... 続きを読む

UIデザインの新しいトレンド「ニューモーフィズム」のデザイン方法と実装方法をやさしく解説 | コリス

2020/03/03 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス figma ニューモーフィズム CSS ソフトウェア

最近注目されているUIデザインのトレンド「ニューモーフィズム」を簡単な手順で作成する方法を紹介します。使用するソフトウェアは、FigmaでもIllustratorでもAdobe XDでもSkecthなど、なんでもOKです。 ニューモーフィズムのデザイン方法、使用するカラーの選び方、UIデザインに適用するCSSの実装コードなど、すぐに実... 続きを読む

Design Systemへの取り組み 〜Frontend編〜 - Mercari Engineering Blog

2019/08/26 このエントリーをはてなブックマークに追加 71 users Instapaper Pocket Tweet Facebook Share Evernote Clip Mercari Engineering Blog 会社

この記事は、Mercari Bold Challenge Monthの1日目の記事です。 こんにちは、MercariのArchitectチームでDesign Systemに取り組んでいる@usagi-fです。 Design Systemはただのスタイルガイドラインではなく、会社として保持するデザインフィロソフィーから実装コードに落とし込まれたUIコンポーネントまで、広い範囲をさ... 続きを読む

スマホやWebページでよく見かけるUIコンポーネントのデザインと実装コードの無料ライブラリ -Eva Design System | コリス

2019/07/16 このエントリーをはてなブックマークに追加 207 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス SVGアイコン UIコンポーネント コード スマホ

Webサイト・スマホアプリ用のさまざまなUIコンポーネントのデザイン素材とそれを実装するコード、480醜類のSVGアイコンなどがすべてセットになったWebコンポーネントライブラリを紹介します。 UIコンポーネントを使用し...記事の続きを読む 続きを読む

Bootstrap 4のさまざまなコンポーネント・レイアウトの実装方法がすぐ分かる便利なチートシート | コリス

2017/06/26 このエントリーをはてなブックマークに追加 95 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス カルーセル Bootstrap グリッド チートシート

Bootstrap 4のグリッドの作り方、カード型コンポーネント、ナビゲーション、カルーセル、フォームなどの実装コードとどのように実装されるかが一枚のページにまとめられた、Bootstrap 4のチートシートを紹介します ...記事の続きを読む 続きを読む

「FFmpeg」、圧縮アルゴリズム“LZO”の実装コードに20年存在した脆弱性を修正 - 窓の杜

2014/06/30 このエントリーをはてなブックマークに追加 43 users Instapaper Pocket Tweet Facebook Share Evernote Clip LZO ffmpeg マルチメディアフレームワーク 脆弱性

FFmpeg projectは29日、オープンソースのマルチメディアフレームワーク「FFmpeg」v2.2.4/2.1.5/2.0.5/1.2.7/1.1.12/0.10.14を公開した。今回のアップデートでは、圧縮アルゴリズム“LZO”のオープンソース実装で発見された脆弱性が修正された。この脆弱性は20年前から存在していたという。 “Lempel-Ziv-Oberhumer (LZO)”は可逆デ... 続きを読む

numpyでのKLダイバージェンスとJensen-Shannonダイバージェンスの実装 | Vingow 開発チームブログ

2014/04/09 このエントリーをはてなブックマークに追加 48 users Instapaper Pocket Tweet Facebook Share Evernote Clip NumPy scipy Vingow 実装 距離

scipyには距離を測るための手続きが用意されています(scipy.spatial.distance)。ユークリッド距離やcosine距離(cosine類似度)などもあるのですが、確率分布間の距離とも言うべきKLダイバージェンスやJensen-Shannonダイバージェンスなどは実装されていません。ということで、実装してみました。 実装コードだけ見たいという場合は、最後まで読み飛ばしてください。 ... 続きを読む

Android のメモリ管理 #4 SoftReference と WeakReference を活用する | クラスメソッド開発ブログ

2012/10/17 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip ヒープ領域 挙動 オブジェクト オブジェ 手動

参照方法によってメモリの解放タイミングが異なる Android ではオブジェクトがヒープ領域にたまりメモリ不足が生じたとき、 ガベージコレクション(GC) が起動して不要なオブジェクトのメモリを開放してくれます。 実装コードではすべてのオブジェクトを手動で開放する必要はなく、基本的には GC の挙動に任せることでメモリ圧迫を軽減できます。特に「不要なオブジェクト」という点が重要で、GC はオブジェ... 続きを読む

iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」:phpspot開発日誌

2012/08/31 このエントリーをはてなブックマークに追加 35 users Instapaper Pocket Tweet Facebook Share Evernote Clip iPhone toggle jQueryプラグイン デザイ

jQuery Toggles - Simon Tabor iPhoneのON/OFFスイッチっぽいものを実装するjQueryプラグイン「Toggles」 次のようなiPhoneっぽいデザインは勿論、独自デザインでも同じようなスイッチを実装できます。 実装コードは以下のように簡単に実装できます。 $('.toggle').toggles({click:$('.clickme')}); こういうデザイ... 続きを読む

iPhoneアプリ、Clearの独自実装コードがGumroadで販売される | fladdict

2012/02/21 このエントリーをはてなブックマークに追加 39 users Instapaper Pocket Tweet Facebook Share Evernote Clip fladdict Gumroad Ameroad clear

+Beansさんが、ClearのUIの独自実装をガムロードで$5で販売。 Clearの中の人的には、たまったもんじゃないだろうけど興味深い。 Gumroadに対するAmeroadのように、もはやイノベーションの伝播速度は極限。単純なテクノロジーの落とし込みだけなら、3日あれば十分という恐ろしい時代になってきた今日この頃。 とりあえず買ってみたので、実際に弄くりながらもうちょっと追記する。 続きを読む

クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌

2012/01/23 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip phpspot開発日誌 フィールド テキストフィールド

クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力&オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のよう... 続きを読む

閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」:phpspot開発日誌

2011/08/09 このエントリーをはてなブックマークに追加 83 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQueryサンプル タブUI phpspot開発日誌 タブ

JQuery Magic Tabs Plugin | jQuery Plugins 閉じられるタブUIを実装できるjQueryサンプル「Magic Tabs」。 次のように、横に長くなってもスクロールできつつ、閉じるボタンもついて、インタフェースもなかなかクールなタブUIが実現できます。 ありそうであまり無かったかもしれないプラグインですね。もちろん「タブの追加」みたいなのもできます。 実装コード... 続きを読む

シャレオツなカウントダウンタイマーが実装できるjQueryプラグイン「The Final Countdown」:phpspot開発日誌

2011/07/27 このエントリーをはてなブックマークに追加 46 users Instapaper Pocket Tweet Facebook Share Evernote Clip シャレオツ jQueryプラグイン phpspot開発日誌

Basic Example - jQuery The Final Countdown plugin シャレオツなカウントダウンタイマーが実装できるjQueryプラグイン「The Final Countdown」。 次のようなデザインのカウントダウンタイマーが簡単に実装できるプラグインです。 実装コードも次のように美しい。 関連エントリ ファンシーなデザインのカウントダウンタイマー実装jQueryプ... 続きを読む

subtechグループ - Bulknews::Subtech - Test::Base driven Development

2006/10/25 このエントリーをはてなブックマークに追加 119 users Instapaper Pocket Tweet Facebook Share Evernote Clip TDD PASS インタフェース perl テキストエディタ

■ Test::Base driven Development 18:39 404 Blog Not Found:テキストエディタさえあればできるTDD まあいわんとすることはわかるのだが、例がわるくて Perl のほうがぜんぜん簡単に見えないし、TDD のポイントは Test を書いてインタフェースを決め、fail させ、実装コードを書いて pass させるという点にある(と思う)から、コード使... 続きを読む

 
(1 - 16 / 16件)