Nyle Engineering BlogOpenAIのWhisper文字起こし25MB制限を解決するPHP, Laravel, ffmpegを使ったファイル分割の例 OpenAIのAPIを使った音声の文字起こしは、今や多くのアプリケーションで利用されています。この記事では、特にWhisper文字起こしの25MB制限に焦点を当て、PHP, Laravel, ffmpeg…
たった1枚に込められたクリエイティブすぎる17個の広告
こんにちは。 限られた中で表現された、圧倒的にインパクトを与える広告が世の中にはあります。 今日は日本が生み出した、クリエイティブすぎる様々な面白くてユニークな広告をご紹介します。 こくご、さんすう、りか、せかい。 刑事さん。俺がやりました。 新聞広告 ハウスバーモントカレー いま一度、身の回りをお確かめください。 宝くじ引き換えもれ防止キャンペーン 前略。僕は日本のどこかにいます。 青春18切符の広告 最初の晩餐。 味の素 好きは、片思い。似合うは、両想い。 ルミネの広告 かしこいばかになりましょう。 新潮社「新潮文庫」 一番、タフなやつ 。 BOSS ルーチョンキはプイタコエ。ちもがな！ キンチョール 最強の布陣。 王将 打てるものなら、打ってみろ。 発言広告の部・最高賞 悪いことは、作家が教えてくれる。 新潮社「新潮文庫」 大人がお手本。 小学館 どんな夢みてる。 日本航空〈企業広告
UXとかデザインプロセスとかに興味を持ったら読む10冊の本(前半戦) : void chachaki::Blog::main()
そういえばまとめたことなかったなー、ということで書いてみようと思います。 この記事は「UXとかHCDとかその辺りの何かをひとりで黙々とまとめるAdvent Calendar 2013」の1日目の記事です。 デザインと言うと、いわゆるビジュアル面・イラストレーション面の印象が強いと思うのですが(自分はそうでした)、そこに至るまでのデザインリサーチ面や発想面、デザイン評価面については、まだ一部の人にしかその重要性が認識されていないように感じています。 自分もプログラミングの方で作った方がはえーよ！と思うタイプではあるのですが、そもそもこんなプロセスを踏もうとしているんだよーといった話は知っておくと他職種や他業種の方とお話しやすくなるかと思って、ここ数年色々学んできました。まぁあんまりプロセスに偏ると誰も話を聞いてくれなくなるんですがね★ で、その中でこの本は面白いなーと思った本を紹介してみたい
UXとかデザインプロセスとかに興味を持ったら読む10冊の本(後半戦) : void chachaki::Blog::main()
7冊目は「アイデア・スイッチ」です。これは私が尊敬する石井力重さんの本ですが、石井さんがすごいのはアイデア発想を支援するビジネスを展開しながら、そのツールを創っていること、そしてそのツールをオープンにしているところです。最近はアイデアソンやハッカソンなど、アイデアをオープンにする活動が盛んになってきていますが、それが盛んになる以前から行なっていることがすごいと感じています。石井さんのブログの311specialにはその技法の多くが公開されています。 で、何故その石井さんの本を出したかというと、結局プロセスだけではものがつくれないので、どこかで発想を刺激することが必要になります。そこにはメソドロジーがない、とよく言われているのですが、「創造工学」というところで、創造という領域に対して工学的なアプローチをとっていて、その分野でずば抜けているのが石井さんだと感じていて、というわけで紹介したもので
iPhoneアプリの画面遷移をイメージしやすくするペーパープロトタイピング用アプリ「POP」 | sense of medium
Some rights reserved by Rosenfeld Media ウェブサイトやアプリを設計する際に多くの方は紙とペンを使い、スケッチをしながら画面繊維などを考えるといいます。これは「ペーパー・プロトタイピング」とよばれる開発手法。プロトタイプを作ることで、どのようにユーザーに使ってもらうのかをイメージしながら開発が行なっていくことができるというもの。 僕がエディターとして関わっているStartup Datingでは、以前こんなワークショップも開催しています。興味のある方は以下のレポートをご覧ください。 ユーザが使いやすいインターフェースをペーパープロトタイピングを通して考える「画面遷移ワークショップ」レポート | Startup Dating [スタートアップ・デイティング] このペーパープロトタイピングの手法をさらに簡単なもの、イメージしやすいものにするためのアプリが「
ひとりでWeb制作できた！「知識０から学ぶ」すごいスライドやサイト２７
作成：2013/07/22 更新：2014/11/01 Web制作 > 先日、お客さんのところへ提案にいったところ、「サイトを自分でも作りたいので定期的に講習会を開いて欲しい。Wordしか分からない。」と言われました。とはいっても、自分である程度、継続して勉強しておかないと、受講する人は2回目以降の受講内容を理解出来ないし、教える人も基本知識をしっかり身につけておかないと、質問に答えることもできません。 今回はWeb製作をするなら必ず抑えるべきこと、知識「０」から学ぶ、基本的な知識を習得できるスライド・サービス・サイトをまとめました。ディレクションにもOK。メジャーなもの中心です。とはいえ量が膨大になったので、必要な部分だけピックアップして学びましょう。※スライドがないものに関しては、お役立ちリンクをつけてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ
フロップデザインフォント
フロップデザインフォントという商用可の日本語フリーフォント フロップデザインフォントは、どなたでも自由に無料でダウンロードして、商用・非商用問わず使用できる日本語フリーフォントです。このフォントは第二水準の漢字も含まれ、ワープロ、Adobe製グラフィックソフトなどのアプリケーションで自由に加工して使えます。ひらがな、カタカナ、アルファベット、数字をオリジナルで制作し、残りの部分をM+FONTで補いました。またM+FONTで不足している漢字をIPAゴシックで補完しています。 フォントのデザイン特徴について 水平、垂直の線がデザインの基本となっているシンプルなゴシック体の日本語フォントです。暖かみのある手書きを感じさせるひらがな、シャープなイメージのカタカナ、スマートでデザイン性の高いアルファベット（英語）、スタンダードで読みやすい数字とそれぞれ異なる考えに基づいて作られたフォントです。しかし
簡単に使えて、コンバージョン率が高まるUI Tipsまとめ | Goodpatch Blog
しっかりと考えられたUIのアプリやWebサイトはとても使いやすいく、使っていてとても楽しいですよね。この記事を見ているデザイナーやディレクターの方の中でショッピングサイトや登録型サービスを担当し、UI設計をしている方もいるのではないでしょうか。UI設計をする上で必ず考えるのが「ユーザーが使いやすいUI」だと思います。しかし前述したショッピングサイトや登録型サービスの場合は使いやすさと共に、「ショッピング購入数」や「登録者数」にも気を配る必要があります。そこで今回は「ショッピング購入数」や「登録者数」を示す、”コンバージョン率” を高めるUIとはどんなものか、海外の記事を参考に考えてみたいと思います。 （この記事はGoodUIから翻訳抜粋したものです） GoodUIには簡単に使えて、コンバージョン率を高めるUIのアイデアがいくつかまとめられています。その中から6つ、素晴らしいアイデアをピック
TEST CORDING » Sassの@functionの使い方まとめ – プログラマブルな処理は@function
This domain may be for sale!
CSS Nite ＠Co-Edo, Vol.17参加レポート！レスポンシブWebデザイン実装時に必要な手法や注意点など - Design Color
CSS Nite ＠Co-Edo, Vol.17参加レポート！レスポンシブWebデザイン実装時に必要な手法や注意点など 2018 1/03 レスポンシブWebデザインとは PC、スマートフォン、タブレット…最近は本当に色々な種類のデバイスがあります。それらの数多くのデバイスにワンソースで対応する技術が「レスポンシブWebデザイン」です。具体的には、閲覧しているデバイスの画面サイズに応じてサイトのレイアウトを切り替えてくれるというもの。 例えば以下のサイトでは画面幅が変わるごとにレイアウトとおじさんの顔が変化するという面白い作りになっています。 Hello Fisher 他にPCサイトを各デバイスに対応する方法としてはPHPなどで表示を切り替える方法がありますが、そうなると各デバイス用のデザインやソース、画像を新たに用意する必要が生じてきます。 もちろん、何も対応しなくても各デバイスからPC
【CSS】擬似クラスの:(hoge)-child系と:(hoge)-type系の違いをここいらでしっかり覚えておこうか。 | バシャログ。
対象になるグループの範囲は？ :(hoge)-child系、:(hoge)-type系のいずれもグループ内での順番を判定します。 その対象となるグループは、同じ階層に並んでいるひと続きの要素群となります。 図にするとこのような感じ。 直属の親要素が異なると、別グループになります。 また、グループ内の要素の種類は一種類に限りません。 「:(hoge)-child」は並び順→要素、「:(hoge)-type」は要素→並び順 ポイントはここ。 :(hoge)-child系と:(hoge)-type系では、並び順と要素の判定順が逆になります。 :(hoge)-child系はまず並び順を見て、次にそれが要素と一致するかを見ます。 :(hoge)-type系は指定の要素だけにしぼって、その上で並び順を見ます。 最後のdt、1つ目のddにスタイルがあたらなくて困った場合、 dt:last-child {
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイトの横幅まとめ - ULTRAZONE
独創的な「ズーム」ができる折り畳み式の地図「map²」
制作案件に使えば注目度アップ！CSS3を使った驚きのアニメーション表現
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
Site is undergoing maintenance
webamb.com
IDEA * IDEA
WEB APIのURL設計のトレンドはこれだ！WEB APIのURL設計まとめ
W3 Watch Reference
