![DNP、読む速度を約2倍にする自動レイアウト技術](https://cdn-ak-scissors.b.st-hatena.com/image/square/22a335615c3147ff7474636d97703ab33b569f02/height=288;version=1;width=512/https%3A%2F%2Fwww.watch.impress.co.jp%2Fimg%2Fipw%2Flist%2F1264%2F745%2Fdnpogp.jpg)
ウェブ業界の当たり前だと思っていることでも、同業他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載第6回目となる本記事ではウェブ業界の「HTMLコーダーにとっての2020年」と題してアンケート結果を紹介します。 HTMLのエディター HTML制作によく使われるエディターはどれでしょう? アンケートで質問してみました。 805票の回答があり「VS Code」が64.5%、「Atom」が8.8%、「WebStorm」が8.2%、「その他」が18.5%でした。 VS Codeは圧倒的な人気ですね。ICS MEDIAでは記事『VS Codeの拡張機能7選』で紹介しているとおり、無料のソフトウェアなのに開発を便利にする機能がたくさん揃っていて魅力的です。 WebStormの回答者数は
アカツキユウ🌙🥼📕 @akatsuki_yu 「フリーフォントまとめ」だと情報量が膨大過ぎて、何を使ったらいいのか分からないので、マンガ向けピックアップください! とフォロワッサンにお願いされたのでちょこっと書きます なお私のフリーフォントの最強まとめはこちらです、コリスさんの coliss.com/articles/freeb… 2020-07-09 12:34:28 リンク コリス 2024年用、日本語のフリーフォント699種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記 個人でも商用でも無料利用できる、日本語のフリーフォント699種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無 1314 users 1237
ウェブアプリケーション開発における、現代的なCSSの基礎技術についてまとめました。 ちまたには「CSSとは何か」を学ぶ教材はたくさんあっても、「CSSをどうやってうまく使うか」についてはあまり詳しく触れられません。 仕様をたくさん記憶したところで、いつになっても開発力はあがらないのです。 本記事は「CSSをうまく使う技術」に焦点をあてて、実際に現代的なウェブアプリケーションに求められるレベルのCSSを書くための知識を紹介します。 特に プログラミング経験はあるもののウェブフロントエンドの経験が浅い方 初級レベルのCSSはある程度理解したものの、次にどうしたらいいかわからない方 にお勧めです。 プロローグ CSSの書き方は一通りではありません。 好きな書き方を自由に選ぶことができます。 これは一見すると良いことですが、裏を返すと最適ではない書き方がたくさんあるということです。 この場において
2020年初め、Chromium版のMicrosoft Edge(以下新Edge)がリリースされました。新Edgeは「Microsoft Edge Legacy」(以下Edge Legacy)と比べて多くの機能が使えるようになっており、Chrome・Firefox・Safariのモダンブラウザと遜色ないレベルになっています。 先日5月29日にリリースされた「Windows 10 May 2020 Update」では、Edge Legacyの開発が終了することもアナウンスされており(参考記事「Windows 10 features we’re no longer developing - Windows Deployment」)、今後のWindows標準ブラウザは新Edgeとなっていくでしょう。 ウェブ制作の面で嬉しいことは、多くのCSSやJavaScriptの機能が使えるようになったことで
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法~伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
いらすとやのイラストのこだわりを軽視したらダメ。 いらすとやの素材は反転して使用しても違和感が無いように人物素材に服のボタンやポケットが書かれていない。色々な髪型の、色々な服装の、複数の人物が存在する。種類の豊富さもすごい。 誰にでも親しまれるイラストを書くことの難しさよ。 — 理央 🎊ゆかりっくフェス10/6参戦 (@Rio_M) October 27, 2018 実際に反転してみると、たしかに違和感がない! ではそんなにこだわっているのなら、色の方はどうなのかな?と思ったわけです。 色覚を変えて見てみる 使った素材はこの3つ。3つめは半分趣味です。 できれば、いつも色覚を変換するときは、TOYO INKの『UDing®』を使うのですが、マシンを新しくしたら使えなくなってしまい…。 P型とD型だけですが、フォトショップの『色の校正』機能で変換しました。 ラーメンを食べる男 麺の部分と洋
千葉市は24日、バーチャル(仮想)アイドル歌手「初音ミク」をかたどった市章の特別デザインを、31日の1日限定で市ホームページに登場させると発表した。市章とミクの姿形が似ているとしてコラボが実現。9月1日から幕張メッセ(千葉市美浜区中瀬)で開かれるミクをテーマにしたイベントでは、市がコラボグッズを配布する。 初音ミクは歌詞とメロディーを入力して歌わせる仕組みのソフトウエアとキャラクター。バーチャルアイドルとして国内外で人気を集めている。札幌市の音声制作ソフト会社が開発し、31日は10周年に当たる。 市章は、千葉のまちを開いたとされる豪族、千葉氏の月星紋に「千」を加えた緑色のデザイン。近年、ツインテールが特徴のミクと「そっくり」とネット上で話題になり、市が同社にコラボを提案した。 31日午前9時~午後9時、市ホームページのトップページとスマホ版の全ページで、市章を特別デザインに変更する。市観光
インスタは「妄想の検索エンジン」メルカリは「通販の検索エンジン」としてつかう。女子大生が教えてくれたスマホで「ビキニ」を買うまでの心理と経路。 女子大生の方に「スマホで買い物する過程」を詳しく聞いてみました。インスタで妄想してからメルカリでモノを買う…?? まず「インスタ検索」で妄想を膨らませる。 スマホをつかって「最近買ったモノ」って何かありますか? どういう経緯で買ったのかも知りたいです。 女子大生: このまえ、海外旅行のために「ブラジリアンビキニ」っていう、露出度の低いビキニを買いました。 まず、最初にやったことは「インスタでの検索」ですね。ハッシュタグ「#ブラジリアンビキニ」で検索して、実際に着ている人の写真を見てみました。 その写真を見ながら「わたしが着ても似合うかな?」って妄想するんですよ。日本人の体型でも似合うかな、自分が着てもカワイイかなって。笑 たしかに、通販サイトにも写
2020年東京オリンピック・パラリンピックのエンブレムの最終選考が25日午前中から始まっていて、午後に新たなエンブレムが決まります。 会議には王貞治さんなど20人のメンバーが出席し、はじめに宮田亮平委員長が「委員の方には、寄せられた国民の声を参考にしていろいろな意見を頂き、最後の1作品を選びたい。最後の委員会になると思うと感慨深い」とあいさつしました。 会議の冒頭では、今月8日に最終候補として発表された「市松模様」が特徴の作品A、「輪」を表現した作品B、「風神・雷神」をイメージした作品C、朝顔の花が特徴の作品Dの、4作品に対して寄せられた4万件を超える意見について、組織委員会の担当者が意見の傾向などを1点ずつ説明しました。 このあと、メンバーが議論したうえで最終的には投票で1作品が選ばれます。そして、午後2時から開かれる組織委員会の理事会で承認されて、新たなエンブレムが正式に決まる見通しで
ギャグ全開の蛇口カタログ 実は大赤字、でも製造やめない 売れたら生産中止! 大阪市の水道用品メーカーがユニークな蛇口を作り続けています。 ハンドル部分がやかんだったり、手裏剣だったり…。商品名も「いや~ん」「ぺらっぺら」などと、とにかくゆるいのです。実はこうしたユニーク蛇口、事業としては「大赤字」。なのに、一定数売れた商品は「生産中止」にしています。なぜなのでしょう?その理由には崇高な「ものづくりの精神」がありました。 ギャグ全開の蛇口カタログ 大阪市西区に本社がある水道用品・水栓金具メーカー「カクダイ」。ここ最近、公式ホームページ上で公開しているカタログが「とにかく面白い」とインターネット上で話題を呼んでいます。 某メーカーの蛇口の商品名がギャグ全開 pic.twitter.com/aRe3wQsWSt — おぎわら (@ogi5na) 2015, 12月 10 誰や!こんな蛇口つくった
五輪エンブレム審査員の一人で唯一、最後の選考で佐野研二郎氏の作品(修正バージョン)に反対したとされる平野敬子さんが自身のオフィシャルブログ「HIRANO KEIKO’S OFFICIAL BLOG」にて審査過程で何があったかその内情を暴露した。 こちらが今回、勇気を持って内部告発に踏み切ったデザイナーの平野敬子さん。 五輪エンブレムの審査では審査員の一人として票を投じていた。しかし、その過程には数々の不審な点があり、佐野研二郎氏の盗作・コネ問題が炎上してから疑念はさらに強まったという。騒動後は、自身も審査員のメンバーだったということでマスコミ、ネット上でバッシングされ息を潜めていたが、いつまで経っても解決しない問題に義憤を感じて告発することに決めたという。 ▼8人の審査委員として拡散された画像には手前右から二番目に写っている。 ▼一番右側。 残念ながらブログは「転載禁止」ということなので、
(写真=ZUU online) 東大教授・山中俊治氏のデザインシンキング JR東日本でSuica改札機の導入が始まったのは2001年。かれこれ15年近く経ち、自動改札の普及で切符を買う回数は本当に激減しました。 昨年ごろから新型のSuica改札機の導入が始まりました。新型機では出口にある液晶部ではなく手前の液晶に残高表示されるようになりましたが、ほんの小さな違いでも自分自身が戸惑うほど、改札でSuicaをかざして残高をちらりと見るという動作が習慣になっているのがよくわかります。 Suica改札機の読み取り部のデザインを担当したのは、著名な工業デザイナーで東京大学教授でもある山中俊治氏です。山中氏が講演、書籍やブログでその開発裏話を紹介したことで、Suica開発機の魅力や工業デザインの醍醐味が多くの人に知れ渡ることになりました。 工業デザインに無知な私も大いに知的刺激を受けたのを思い出します
企業の知的財産(知財:IP)をめぐる国内外の動きに対する理解を深め、議論することを目的としたイベント「IP2.0シンポジウム ~未来の”モノ”・”コト”を創出する新パラダイムへの提言~」が、11月27日に開催された。 「グローバル時代の特許・著作権戦略」と題した企業セッションでは、サンリオ常務取締役の鳩山玲人氏、IP Bridge代表取締役社長の吉井重治氏が登壇。日本知的財産協会 専務理事の久慈直登氏による司会のもと、企業にとっての知財をめぐる動きや知財分野における海外の動きについて意見が交わされた。 サンリオはなぜ海外ライセンス事業に転換したのか 「ハローキティ」に代表される数多くのキャラクターを世の中に送り出すサンリオ。鳩山氏は、同社のビジネスを物販事業からライセンスビジネス中心に転換させることで大成功をおさめ、“キティちゃんの名参謀”と呼ばれている。 40周年を迎えたハローキティは、
Googleからものすごそうなツールが登場。Adobeのツールがすべて合体したようなツールです。Illustratorのようなパス描画を可能とし、3Dビューで編集まで可能、さらにAdMobの設定までできてしまい、タイムラインでHTML5のアニメーションまでできてしまうようです。 直感的ツールで作ったデザインをマルチデバイスに対応したウェブページとして吐き出してくれるようです。又、デザインツールで作られたコードをコードビューに切り替えて直接編集することまでできてしまい、まさにかゆいところの手が届く感じの機能が網羅されているようです。 新規ファイル作成画面 3Dビューを備えたイラストレーター的ツール チュートリアルがこちらで用意されています。 Google Web Designer Help これは使い込んで見て損はなさそうですね。恐ろしいツールが出てきてしまいました。Adobeはどう出る?
僕はプログラマーです。 でも僕のMacBookProには何故かAdobeのソフトウェアが入っています。 iPhoneアプリのデザインをするわけではありません。 デザイナーの人がデザインファイルを.psdや.aiや.fw.pngのまま当然の様に投げて来るからです。 僕はAdobeのソフトウェアに精通しているわけではありません。 ですので複雑なレイヤー構造のファイルを切り出すのにはかなり時間を要します。 でもレイヤー構造の説明をしてくれるデザイナーの人は殆ど居ません。 デザイナー同士だとその複雑な構造でもやり取り出来るのかも知れませんが、僕には大抵よく分かりません。 例えば、Photoshopのエフェクトレイヤーが掛かっているボタンはボタンだけ切り出す時に凄く苦労します。 例えば、薄くシャドーが掛かってるデザインは素敵な質感を表現出来るかもしれませんが説明してもらわないとどこまで切り出したら良
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く