HOMEDTM製品最新セール情報【無料】人工知能搭載マスタリングソフト、iZotope「Ozone Elements」(通常13,800円相当)が100%OFF!無償配布開始!
![【無料】人工知能搭載マスタリングソフト、iZotope「Ozone Elements」(通常13,800円相当)が100%OFF!無償配布開始! | Computer Music Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc0cd4098843eee51f6066b525525d3a0b4d05ab/height=288;version=1;width=512/https%3A%2F%2Fcomputermusic.jp%2Fwp-content%2Fuploads%2F2018%2F09%2FO8-Elements-EQ-Plugin-Boutique.jpg)
はじめにこんにちは、Voicyデータストラテジストの小山内です。Voicyではプロダクトの大改修フェイズを迎えており、殆どのサービスを作り直す勢いで、開発チームが日夜開発に勤しんでいます! ↓例えば、バックエンドは、ぱんでぃ(Yoshimasa Hamada)さんが担当しています。 大改修にも含まれる新機能の1つとして、”放送の聴取ログをパーソナリティさんに提供するダッシュボード”を開発する事となりました。 複数の実装方法を考えた中で、今回はGCPの各種プロダクトを活用した、サーバーレスなダッシュボードを作る方向性で検討を進めています。 本記事では、実際に技術検証を進めるに当たって、ポイントとなった点をサンプルコードと共に共有します。 同じ様なダッシュボード開発ではなくても、GCP製品をお使いの方で、参考になりそうな箇所があったら、嬉しい限りです!✏️ 対象読者と記事から得られるナレッジ対
UX MILK編集部です。皆さんはサイトにおける問い合わせフォーム、どのサービスを使っていますか? UX MILKではGoogleフォームを活用して広告の問い合わせなどを受け付けていますが、正直その運用に課題を感じています。今回は株式会社ベーシックさんが運営しているサービス「formrun(フォームラン)」を使ってその運用を改善できないか、試してみたいと思います。 UX MILK編集部が抱えていた課題 UX MILKでは記事広告や各種イベントにご興味をお持ちいただいた方が問い合わせるための問い合わせフォームを設けています。 こちらを運用するにあたっての課題は以下の通りです。 ・問い合わせごとの進捗が追いづらい ・チーム内で問い合わせ対応状況が把握しづらい 平たく言うと、初回の問い合わせの返信は対応できても、その後の状況の可視化や整理ができていないという状況があります。 「あの問い合わせの件
by Igor Miske 建築形式のひとつである「ブルータリズム」を基に、ウェブサイト本来のあるべき姿に焦点を当てて作られたデザイン手法が「Brutalist Web Design(ブルータリスト・ウェブ・デザイン)」です。「雑誌ではないが雑誌のような記事が載っている」「アプリケーションではないが商品の購入やユーザーとのやり取りに使える」「データベースではないが、データベースによって動く」といった複数の側面を持っているのがウェブサイトであり、サイト訪問者に対してコンテンツを純粋に楽しむための方法として提供されるものであるとして、ブルータリスト・ウェブ・デザインは構築されたとのこと。そんなブルータリスト・ウェブ・デザインのガイドラインを、エンジニアのデイビッド・コープランドさんが記しています。 Brutalist Web Design https://brutalist-web.desig
この記事は、2014年11月25日に公開された記事を再編集しています。 リスティングの受け皿やキャンペーンの告知用に、Web担当者はランディングページ(LP)を作成する機会があります。その度にどのようなデザインにしたらいいのか、どのような構成にすればいいのか悩まれる方も多いのではないでしょうか? 今回は、ランディングページのデザインや構成の参考になるまとめサイトを紹介します。 ランディングページの基本的な解説に関しては、以下の記事も参考にしてみてください。 参考: ランディングページとは〜LPOで成果の上がるページを作る方法と使えるテンプレート集まとめ|ferret 国内のランディングページのデザインまとめサイト Web Design Clip [L] Web Design Clip [L] Web Design Clip [L]は、業界問わず、参考になるランディングページの
テキストファイルは開いても安全――。情報セキュリティの常識だ。ところが、その常識が覆された。テキストファイルの一種であるCSVファイルを使った標的型攻撃が国内で確認されたのだ。CSVファイルを開いただけでウイルス(マルウエア)に感染する恐れがある。CSVファイルも危ないファイル形式の一つだと認識すべきだ。 CSVファイルとは、表の要素などをカンマや改行を使って記述したテキストファイルのこと。CSVはComma Separeted Valueの略である。ファイルの拡張子はcsv。CSVファイルの中にはテキストの情報しかない。 だが、拡張子がtxtなどのテキストファイルとは大きく異なる点がある。初期設定(デフォルト)でExcelと関連付けられている点である。Excelをインストールすると、ユーザーが設定変更しなければ、CSVファイルが関連付けられる。つまり、CSVファイルをダブルクリックするな
モバイルアプリ領域の動きは非常に早く、UXデザインにおいて成功するためには、デザイナーは先見の明を持ち、新たな課題に備えなければなりません。 ここでは皆さんのタスクを軽減するために、2018年において影響力がもっとも大きいであろうトレンドをリストアップしました。 1. ユーザージャーニーの簡略化 アプリやWebサイトを使用する場合、ユーザーには特定の目的があります。その目的を達成するために費やす労力が少ないほど、より良い体験となるのです。 リニアユーザフロー リニアデザイン体験とは、ユーザーが各ステップを1つのアクションで完了できるようにするための開始・途中・終了があるUXのことです。タスクを完了するために必要な時間を見積もることができるため、リニアユーザーフローはユーザーのためになります。
imaskjsはinput入力の際、指定したパターン以外の入力を不可にするライブラリです。非依存型のバニラなスクリプトで他ライブラリを必要としません。また、必要な機能を追加するモジュール式となっているっぽいです。type="datetime"やらtype="date"やらtype="tel"やら使うのもいいんですが、まぁ案件次第ではいろいろな事情もあるのでこういったライブラリも覚えておくと役に立ちかもしれません。ライセンスはMIT。 imaskjs
Webサイトのフォームの作成にはjQueryのプラグインが便利。中でも対話形式の使いやすいフォームを作成できるjQueryプラグインを厳選して紹介します。 ページの更新がなく、指示に沿って記入できるjQuery用のウィザード形式のフォームを作成するためのjQueryプラグインがあります。ユーザーデータを一度に入力させる大きなフォームなら、ウィザード形式に変えることで、小さなステップの入力に分割できます。これならユーザーが長い入力フォームにうんざりすることもなくなり、進行状況も示しせます。 この記事ではおすすめjQueryフォームウィザードを6つ、それぞれの特徴を踏まえて紹介します。有料版や自作する方法も少し触れます。jQueryのフォームウィザードを求めている人の助けになれば幸いです。 1.jQuery steps jQuery Stepsはウィザード型のインターフェイスを簡単に作れる気の
2017年10月11日 CSS, Webデザイン Webデザイン・制作を教えている時に、担当していた生徒さんからこんな悲痛なメッセージをいただきました。「Webサイトのデザインを出してみたものの、本気を出して作ってくださいと言われてしまいました…」。デザインを見てみると、とても美しく整ったものだったのですが、「テンプレートとしてありがち」なレイアウトに見えました。この辺を指摘されたのかな、と。自分でコーディングをすることを考えると、どうしても自分の力で実現できそうなデザインにしてしまうんですね。私も駆け出しの頃はよくありました。そこで今回はちょっとした工夫で少し差がつくCSSの小技をいくつか紹介します。簡単にできるとわかれば、デザインに反映できそうですね! ↑私が10年以上利用している会計ソフト! 1. 要素を斜めに配置 通常CSSでレイアウトを組んでいくと、垂直平行のボックスが並んでいく
Webフォントの普及やフラットデザインの浸透によって、タイポグラフィにこだわるサイトが増えています。でも、フォールバックを適当に済ませていませんか? CSSのfont-size-adjustプロパティは、font-sizeを小文字の高さで指定するプロパティです。font-siza-adjustプロパティを活用することで、Webサイトの文字を読みやすく改善できます。 本記事ではfont-size-adjustプロパティの重要性と、プロジェクトで利用する方法を解説します。 font-size-adjustの重要性 Webサイトは主に文字で構成されます。ユーザーに情報を伝えるために、タイポグラフィにこだわるのは当然のことです。適切な書体で快適に読めるWebサイトを作りましょう。使いたい書体を決めたら、次は適切なサイズを選びます。 Webサイトで使うすべてのfont-familyオプションのサイズ
1990年代から2000年代のいわゆるCSSの黎明期の頃には、CSSで使う構文も少なく、覚える量もそれほど多くなかったために、学習コストは今よりも非常に小さいものでした。 しかし、時代が進むにつれ、CSSでできることも非常に幅広くなり、それに合わせてCSSでさえ難しく感じてしまう人が増えてしまったのではないかと思います。 当初は「:hover」や「:active」といった代表的な擬似クラスだけを使っていけばよかったものの、今では様々な擬似クラスがあるので、初心者の方はもちろんのこと、ベテランの方であっても、CSSの擬似クラスを学び直したいと思っている方は多いはずです。 そこで本稿では、「CSS擬似クラス」について改めて理解を深めていくための基本事項をおさらいしていきます。 CSSの擬似クラスは、さまざまな仕様変更や勧告を経て、現在のものになっています。 擬似クラスを使いこなせれば、特定のオ
CSSグリッドは、これまで登場したTABLEレイアウト、Floatによる回り込みのレイアウト、そしてFlexboxを使ったレイアウトのどのレイアウト手法よりも直感的に扱える、注目のモジュールです。 2017年に入って、macOSやiOSがCSSグリッドに対応する形でSafariに搭載され、いよいよ全てのモダンブラウザで使用することができるようにもなりました。 参考: これで分かった!10分でほとんど理解できる「CSSグリッド」の基礎 ところで、CSSグリッドレイアウトの基本的な使い方に関してはなんとなく理解できた人もいるかと思いますが、もう一段階先に進みたいと思っている方もいるのではないでしょうか。 実際、CSSグリッドは非常に柔軟で拡張性が高いので、知っておいて損はないTips(コツ)がたくさんあります。 そこで本稿では、CSSグリッドをより使いこなすための4つのTipsをまとめていきま
「ウェブデザインのアイデアが見つからない。」「漠然としたイメージはあるけど、何が必要か分からない。」「クライアントとの打ち合わせで使えるデザイン見本が欲しい。」 そんなときに役立つ最新ウェブデザインの参考サンプルをまとめてご紹介します。優れたデザインのサンプル例を見ることは、新しいアイデアを生み出すのにも大切です。目まぐるしく変化するWebデザインのトレンド確認しながら、今後のデザイン制作に活かしてみてはいかがでしょう。 現役デザイナーも注目!最近話題のウェブデザイン50個まとめ 2017年7月度 アイデアに困ったら確認したい!最新ウェブデザイン良質見本 清水寺 世界的にも有名な清水寺の公式ホームページ。ユーザーが必要な情報を見つけやすい工夫が随所に見られ、Instagramなどソーシャルメディアによる共有のしやすさも。 旅館 山河 デスクトップではスクロールに応じて、画面右半分のみが無限
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く