2018年01月15日(月)

【「偶然性」でサイトの個性を演出】コードを駆使して「ランダムな要素」を作りだした例10個！

• 0
• 6
• 0
• 3

最初のプログラミング言語以来、コーダーはコードを使って要素の無作為な生成を作り出す方法を探してきました。 数字や文字などの一般的な例がすぐに思い浮かびますが、それ以上のことができます。 Webは視覚的な媒体なので、あらゆる種類のランダムな効果を生成するコードを利用できます。

CodePenの豊富なリポジトリを探索し、ランダム生成のいくつかの魅力的な例を見つけました。 なかには「ランダム」という言葉の厳密な定義をはみ出すものもあります。

いくつかの例は、こちらが提供する規模の小さなデータセットから単純にピックアップするだけのものです。つまり、それらはランダムにすべてのものをゼロから引き出すのではありません。 それでもそれらはいずれも楽しい、面白い便利なスニペットの組み合わせです。

１．ランダムな迷路

author:

SeleQt（セレキュト）

http://www.seleqt.net/

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

【2018年版】おすすめフリー・アイコン48セットまとめ！

         

NEXT ›

               

スライドショーの代わりとなるデザイン6選【スライドショーの使用はUXに悪影響を及ぼす？】

関連記事

• （リライト）jQueryでappendメソッドを使って要素を追加する方法【初心者向け】
• 大阪のプログラミングスクールおすすめ8選【最新技術を学んで稼げるエンジニアになる】
• 札幌のパソコン教室7選｜自分に合った学校の選び方も解説
• 大阪のパソコン教室20選｜自分に合った教室の選び方も紹介
• 【2019年4月版】役立つ新しいスキルをマスターしよう。

Ads

web制作に関する情報をまとめたキュレーションサイト。デザインやプログラミングなどの技術的な内容はもとより、Web制作の領域にとどまらない注目のサービスや話題のトピックなどIT・ガジェット系の記事も豊富に更新されています。SeleQt（セレキュト）の記事『【「偶然性」でサイトの個性を演出】コードを駆使して「ランダムな要素」を作りだした例10個！』についてまとめています。

この記事は特にjavascript・UX・ECについて書かれており、 Webデザインのカテゴリーに分類されます。気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のSeleQt（セレキュト）で全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとSeleQt（セレキュト）の記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。