榊原昌彦

Ionic Japan UG 代表 / 兵庫県の穏健派。Webやアプリつくってます。(一社)リレーションデザイン研究所 代表理事など / 著「Ionicで作る モバイルアプリ制作入門」( https://amzn.to/2Nogxvn )発売中

今話題のデザインシステムについて、Webデザインから考える

「今話題」といっても、デザイナー界隈で話題にあがったのは2017年ですね。

なお、日本語翻訳記事はこちら。

最近でいうと、Pairsさんが以下の記事を書かれています。

デザインシステムは実は目新しい概念ではありません。古くはBootstrapからはじまるCSSフレームワーク、デザインの言語化からガイドラインを策定したHuman Interface Guidelines(Apple)、デザイン

もっとみる

Cordovaをdisる人類全員に読んでほしい「Cordovaつらいを考える」

以下の記事で「Cordova/Ionicに比べれば、まだ少しはまともな選択だろう」と述べてあるのをみて、ここ数年Web Nativeに関わって思うことをちょっとまとめてみようと思います。

私はWeb Developerですので、この記事はWeb Native寄りの意見になります。また、本記事内では、いわゆるWeb Viewでつくるガワアプリを「Web Native」、それ以外(React Nat

もっとみる

jQuery 3未満のXSS脆弱性を修正する方法。jQuery1/2は最新版でも必要。

jQuery 3未満は、XSSの脆弱性を抱えています。 JVNは「リスク:低」に設定していますが、脆弱性として認定されてしまっているので対策しておくに越したことはありません。

対策

jQuery 3にアップグレードすることが望ましいですが、それができない場合はjQueryを読み込んでるscriptタグのすぐ下に、以下を追記してください。

<script>jQuery.ajaxPrefilte

もっとみる

Web系フリーランスはいつまで「フリーランス」として下請けし続ける?傭兵が60歳を過ぎても傭兵で戦えるのか問題。

最近、フリーランスとしてどうやって食べていったらいいのか、今後どうしたらいいのかという相談をちょいちょい受けますので、ちょっとまとめておこうと思います。「経営に正解はない」といわれる世界ですので、これが正解というわけではなく、ひとつの見解としてご覧いただけましたら幸いです。なお、「いや、育児があって」などの個別事情がある方には参考にならないと思います。

フリーランスとは

さて、皆さんご存知、フ

もっとみる

Microsoftが「Sketch 2 Code」を公開!AIが、手書きのワイヤーフレームをHTMLに自動変換してくれる新時代に。これはすごい!!

流れてきたツイートをみて「なんだこのデモは」といろいろ見てみたところ、Microsoft AI labがすごい技術を公開していたので簡単にまとめます。どういう技術かというと「手書きのワイヤーフレームを適切に修正してHTMLに自動変換」してくれます。

Kabel, Spike Techniques, Microsoftが2018年8月末に公開したSketch 2 Codeというライブラリです。Gi

もっとみる

ロゴの自動生成サービス「Free Logo Generator Online」が今までにないレベルで高機能だった話と、これはデザイナの仕事を奪うのかどうか。

このツイートをしたところ、大きな反響をいただきまして、かるく解説記事を書いておきます。

どういうサービスなの?

オンラインでネットショッピングをつくることができる有名サービス「Shopify」のはじめたロゴ自動生成サービスです。13のビジネス分野、18のデザイン属性から自分にあったものを選択し、ロゴに入れる文字をタイプするだけでロゴを自動生成することができます。また、生成したロゴのフォント、色

もっとみる