タイトルの通り作りました。fuba antenna という名前です。1000 万円ねらいです。とりあえずまずは以下の QR code からフォローしてください。もしくは @hpr0973c で検索してください。 どういう bot なの？ こんな感じで任意の web ページのウォッチしたい領域が延々と LINE に送られてきて読み流せるのでたいへん便利です。 つかいかた add [url] で URL を登録するとキャプチャがもらえるので、その画像の中のウォッチしたい部分（いまのところ、1つのDOMノードとして表現できる部分だけです）を切り抜いて、画像として返信します。キャプチャの画質変化には弱いのでできるだけ拡大縮小とか圧縮とかされないように切り抜いてください！ いい感じに切り抜けるまでためした後は、言われるがままに設定します。 すると URL が登録されてるので、3 時間 / 24 時間

最近のwebサイトは、トップのスライドショーや、1画面にドーンとメインビジュアルがあるものが当たり前になってきています。 メインビジュアルを作るのが苦手な私ですが、ある程度レイアウトのセオリーを知っておくことで、少しは苦手意識が払拭できるのかなと思っています。 ということで今回は、11のレイアウト手法を元に、参考サイトを33個ピックアップしてみました。 1.反復 同じモチーフを繰り返し置くことで、強調させる手法です。 サイズや色を変えてたり、コマ撮りっぽくすることで、リズム感が出ます。 商品やロゴ、人物など、なにか強調したいものを見せたいときに使えます。 Life is electric SAKUZAN｜美濃焼のうつわ 作山窯 good design company 2.対比 2つ以上の要素を、同じ構図や分量で配置する手法。 情報に優劣をつけず等しく見せたいときに使えます。 webではメニ

本連載では、Enduring CSSというCSS設計方法論を紹介します。Enduring CSSは、Ben Frain氏の著書で、末永く破綻させずにサイトのCSSを設計するにはどうすればよいか。その方法論をまとめたものです。電子書籍でも販売していますが、Webサイトで全ての内容が公開されていますので、無料で全内容を確認可能です。 Enduring CSS by Ben Frain [Leanpub PDF/iPad/Kindle] Architect CSS and scale CSS with the ECSS CSS methodology CSS設計方法論（CSS methodology）と言うと、OOCSS、BEM、SMACSSの3つが著名なものと言えるのではないでしょうか。 An Introduction To Object Oriented CSS (OOCSS) – Smas

アニメーションはゲームだけではなく、ウェブサイトやウェブアプリのUIなど、多くの用途で必要となります。流行りのマイクロインタラクションでもアニメーションは重要視されています。しかし、アニメーションに対して苦手意識を持っている方も少なくないのではないでしょうか。今回は私が普段トゥイーンアニメーションを作る時に使っている、簡単に「いい感じ」に仕上げるズルいテクニックを紹介します。 本記事で扱うのはトゥイーンと言われるアニメーションの種類です。これは、始めと終わりの状態を指定することで、中間の状態を自動的に補完しアニメーションさせる技術。具体的にはCSS TransitionやjQueryのanimate()関数、Adobe Animate CCのトゥイーン機能のことを指します。 本記事のデモはCreateJSで作成していますが、CSS3やjQueryなど他のテクニックでも応用できる内容となって

Transcript None ࠓ೔ͷ͓͠ͳ͕͖ Θͨ͠ͷ͓࢓ࣄˍ͓ࡒ෍ࣄ৘ Θͨ͠ͷσβΠϯ੍࡞ σβΠϯʹ͍ͭͯࢥ͏͜ͱ ৽͍͠΋ͷ΁ͷऔΓ૊Έํ ϓϥΠϕʔτϫʔΫͷऔΓ૊Έ Ոఉͱ࢓ࣄͷ͜ͱ 0 1 02 03 04 05 06 ࣗݾ঺հ ͢Έͩ͋΍͔ʢ֯ాҁՂʣ 8FCσβΠ ϯˍΠ ϥε τ Ϩʔλʔ େࡕࡏॅɺ੍࡞ձࣾͰͷ8FCσβΠφʔΛܦͯ����೥ʹϑϦʔ ϥϯεʹɻओʹ-1΍αΠ τͷσβΠ ϯɺ Π ϥε τΛ੍࡞͍ͯ͠·͢ɻ ෉ͱ�ࡀͷஉͷࢠͱ ͏͕͗͞�ඖ͍·͢ɻ Ωϟ ϦΞ͚ͩ͸ ��೥ʹ ɾ ɾ ɾ Ո଒ߏ੒ ����೥�݄͔Β8ϑϦʔϥϯεՈఉʹͳΓ·ͨ͠ Unplat Ξϯϓϥ 8FC ɾ 41ΞϓϦ։ൃ σβΠ ϯ ɾ Π ϥε τ੍࡞ ฼ ࢠ ʢ�ࡀʣ ෕ ϑϦʔϥϯε �೥໨ ϑϦʔϥϯε ��೥໨ 01 Θͨ͠ͷ ͓࢓ࣄˍ͓ࡒ෍ࣄ৘ Θͨ͠ͷ ࢓

Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 アプリはコンテンツやサービスを提供するための、今日（こんにち）の主流かつ確かな方法です。しかし、飽和状態の市場でユーザーを満足させ、その興味をつなぎとめるために、どうすればモバイルアプリは意義や価値のあるものとなるのでしょうか。 この記事では、素晴らしいモバイルUXを作る鍵となる、UXデザインのための７つのヒントをご紹介します。 １. 一つの画面につき、一つの操作 ユーザーが情報を取得する際の努力を軽減する 皆さんがデザインするアプリの画面では、ユーザーにとって最も価値のある一つの動作を助長するものでなければなりません。各画面を一つの目的だけのためにデザインし、Call to Action（行動喚起）は一つに留めましょう。こうすることで、ユーザーはアプリを理解・

HTML, CSS, JavaScript, C++, Java, Pythonなどのコードをコピペするだけでさくっと簡単に、ブラウザ上で見やすく表示する無料のオンラインサービスを紹介します。 Sublime TextやDreamweaverなどのエディタに備わっているシンタックスハイライトが、オンラインで利用できるのはいいですね。 SlidesCodeHighlighter SlidesCodeHighlighter -GitHub 表示コードは「HTML5でWebページを作成する時のベースになるシンプルなコードで書かれたテンプレート」のHTMLです。 SlidesCodeHighlighterはオンラインのブラウザ上で、コードをコピペするだけでシンタックスハイライトを適用して見やすく表示してくれます。現在、対応しているコードは下記の通り。 C++ Java JavaScript XML

指定したカラーをベースに、そのカラーからバリエーションを調査し、Webデザインやイラストで使えるカラーパレットや美しいグラデーションを生成できるテンプレートを紹介します。 Color Creator Templates -GitHub Color Creator TemplatesはBSDライセンスで利用でき、3つのアプリ用にカラーテンプレートが用意されています。 Photoshop Sketch Affinity Designer Color Creator Templatesの使い方 Photoshop用のカラーテンプレートを例に使い方を紹介します。 Color Creator Templatesではテンプレートを使用して、カラーのバリエーションを調査し、カラーパレットを作成できます。通常のカラーツールでは見いだせない2, 3色のカスタムカラーのブレンドモードを使用することもできます。

※最終更新日2017年6月14日 これをするだけで格段に文章力がアップする 今日ブログをいろいろ見て思ったこと。 改行のはなし - はてな編集部ブログ「編む庭」 文法的には間違ってないのに違和感がある日本語とは - 脳内会議 はてな編集部さんのブログでビビッと来たのはここ。 つまり、インターネットにおいて人にどう読まれるかを意識するのであれば、形式改行を積極的に利用するにせよ、排除するにせよ、その表示に対してより自覚的にならざるを得ず、レイアウトまでも含めた文章の「空間を編集する」ことが、現代のWeb編集者には求められているのです。 改行のはなし - はてな編集部ブログ「編む庭」 改行というのは文章を見やすくするための「空間を編集すること」だというんですね。なるほど奥が深い。確かにみっちり埋まっているような文章は言葉を拾いにくいし、適度に隙間のある文章のほうが分かりやすいしなんといっても白

Angular、Reactと並んで海外で人気が高まっている「Vue.js」。ReactとAngularの開発経験がある著者がVue.jsをチュートリアルを通じて特徴をまとめました。2017年、新しく学び始めるきっかけにどうぞ。 2016年9月、人気のJavaScriptフレームワークVue.jsがv2をリリースしました。それ以来ぜひ使ってみたい、どのようなものか知りたいと思っていました。AngularとReactを使い慣れた者の1人としては、Vueが似ているところや違うところも知りたかったのです。 Vue.js 2.0はすばらしいパフォーマンスを誇ります。データサイズが比較的小さく（バンドルされるVueのランタイム版は一度最小化してgzip圧縮したら16KBしかありません）、Vueのvuexや、vue-routerのような付属の状態管理ライブラリーもアップデートされました。1つの記事ではと

活動時間がやたらと長いブラック部活の実態は、顧問として長時間労働を強いられる教員だけでなく、子どもの健全な成長を危惧する保護者たちの間にも、問題視する声は少なくないようです。忙しすぎる練習スケジュールの再考を中学校に強く求め続け、ついに改善させた父親に、その「勝因」を聞きました。（朝日新聞編集委員・中小路徹） 【マンガ】「死ぬくらいなら辞めればいい」が、なぜできないのか？　ネットで共感呼んだツイッター漫画 「この部活動は長すぎる！」。父親は憤りを収められませんでした。中学生になった長女は、ソフトテニス部に入ると、帰宅後ぐったりとして寝てしまい、深夜に起きて宿題をこなす生活となっていたのです。外食に誘っても「疲れているから家で食べたい」と断られる。父親は立ち上がりました。 40代会社員のこの父親は「スポーツは健全な体をつくるためにあるのに、むしろ心身を壊してしまいそうでした」と振り返ります

ネットの編集・ライティング界隈に人知れず一匹の妖怪が棲み着いている。それこそが「改段落なき改行」。すなわち文章の途中であっても任意の句読点で（あるいは句読点すらなくても）行を改める表記のことである。 これはほんとうに些細で日常的な、なんのこともなく見過ごされがちな文章の書き方であるとともに、見過ごしたにしても何らかしらの問題に発展するともおもえない、平たくいうならひとつのbr要素にすぎないのだが、正面から向き合おうとするとなかなかにやっかいな側面を持っているのである、という持って回ったような大仰な話をこれからしようとおもいます。 こんにちは。はてな編集部のid:mohritarohです。最近はセブン-イレブンの「黒糖まん」がお気に入りで、駅前のコンビニに立ち寄るたびについ買ってしまいます。という書き出しを用意していましたが、本稿の執筆から公開までの間にメニューから消えてしまいました……。