はてなブックマーク

ひよっこデザイナーのmgです！早いものでもうじき2017年も終わりに近づいてきましたね…！そこで2018年のWeb制作に取り入れたいトレンドのWebデザインについて調査してみました！！ 目次 01. 文字を画像からずらして配置する 02. 斜めにレイヤーや線を重ねる 03. カラフルなグラデーション 04. デュオトーン 05. スプリットスクリーンレイアウト まとめ 01. 文字を画像からずらして配置する この頃　整然としているデザインの枠を超えていくような不規則に配置されたデザインが多くなってきているなと感じています。文字を画像からずらした配置にすることで動きや勢いが生まれます。 キドリ アソビュー Wantedly ハウスM21 02. 斜めにレイヤーや線を重ねる こちらも先ほどご紹介した「文字を写真からずらして配置する」と同様、きっちりと決まりきったデザインから斜めにレイヤーや線を

この記事は、Recruit Engineers Advent Calendar 20176日目の記事です。 こんにちは。最近マルチロールな働き方をしていて自分が何者なのかわからなくなってきた加藤です。現在リクルートジョブズというところでエンジニアをしています。 日頃、社内用のちょっとしたツールとか、試験的なAPIとかを作るのにAWS LambdaやDynamoDBを使ってサーバレスな開発をしているのですが、この記事ではその際によくやるServerless FrameworkとExpressを活用した開発手法の紹介をしたいと思います。 Expressといえば、Node.jsのWebアプリケーションフレームワークとして有名ですが、最近ではaws-serverless-expressというのを使うと、AWS LambdaでもExpressを使って開発ができます。サラッと書きましたが、正直こいつが

スター数4200超！ 人気リポジトリ『peco』 開発者（@lestrrat）が語る「使われるOSS」の作り方 多くの人が知る、人気リポジトリの開発の裏側とは？ スター数4200超えを誇る『peco』の作者・牧 大輔（@lestrrat）さんに聞きました。 あるひとつのプログラムやツールが公開され、開発を加速させる。 そのツールから生み出されたものが公開され、多くの人に影響を与え、次なる開発を加速させる。 本稿を読む皆さんの多くは、こうした拡散するエンジニアリング、つまりオープンソースというカルチャーの一側面から恩恵を受け、また影響を与えているでしょう。 2014年7月にリリースされたツール『peco』は、まさに“影響を与えた”オープンソース・ソフトウェア（以下、OSS）でした。インタラクティブなフィルタリングツールであるpecoはシンプルな機能ながら、その使い勝手の良さによって、2017

《2020 年 10 月 1 日追記》 この記事の内容をさらに練った上で総括したものを『りあクト！ TypeScriptで始めるつらくないReact開発 第3版【Ⅱ. React基礎編】』の「第5章  JSX で UI を表現する」に収録しています。 ほぼ 3 年越しのセルフアンサー本です。リンク先の無料サンプルで読めます。 プロローグ 本来「キモい」という主観の表明に正しいも間違っているもないので反論などは成り立たないとは思うのですが、世界での DL数では他のフロントエンドフレームワークを圧倒し、もはや jQuery さえ凌駕する React に対して、食わず嫌いの正当化のための言説に用いられている感すらあるので、一度ちゃんと論じておきたいテーマでした。 なお想定する対象読者は React を本格的に使ったことのないエンジニアですので、バリバリ React を使っている人には当たり前すぎ

リンク Google ウェブマスター向け公式ブログ 医療や健康に関連する検索結果の改善について Google では、今週、日本語検索におけるページの評価方法をアップデートしました。 この変更は、医療や健康に関する検索結果の改善を意図したもので、例えば医療従事者や専門家、医療機関等から提供されるような、より信頼性が高く有益な情報が上位に表示されやすくなります。本アップデ... 283 users 456 tetsu @metatetsu GoogleのWELQアップデート第二弾が来たか。トンデモ健康情報サイトや低質キュレーションサイトが排除され、医療機関や公正な研究機関のホームページが優先表示される 2017/12/6 Google ウェブマスター向け公式ブログ: 医療や健康に関連する検索結果の改善について webmaster-ja.googleblog.com/2017/12/for-mo

せっかくブログをリニューアルしたのに全然更新できてませんでした・・・怠惰ですね。さて、最近よくユーザーヒアリングのテクニックとかあるの？コツとかあったら教えて！と言われることが多くなったので、私がユーザーヒアリングを行う際に意識している事を備忘録的に書き出してみたいと思います。スタートアップ企業や、大企業のCSやCX部門などユーザーと直接接する機会のある方はよろしければ見ていってくださいな。 目次 ヒアリングの3大落とし穴 ユーザーヒアリングの目的は仮説検証ではない 表面的課題と本質的課題を見極めよう 結果の分析とよくやりがちなミス まとめ ヒアリングの3大落とし穴 勘所を知らぬまま長々と読んで頂くのもあれなので、先にアンチパターンをまとめます。気に留めながら自身のヒアリングを思い返して頂くと、かなりの確率で無意識にハマってしまっている方も多いのではないでしょうか。 「やっぱりそうなんです

こんにちは、ほけきよです。 データ分析ガチ勉強アドベントカレンダー6日目。 当ブログもJupyterに関するメモをたくさん記してきました。 今回は保存版ということで、Jupyterの基礎事項から、ちょっとしたTipsなどを総まとめしておきます。この記事を読めばJupyterの使い心地もかなりUPするでしょう。 事始 コレだけは知っておくべきチートシート 起動 実行 補完 ショートカット % : マジックコマンド ? : イントロスペクション エディタとしてのJupyterをかっこよく グラフのインタラクティブな操作 Jupyterでイケてるプレゼンをする 種々のこと Colaboratory Jupyterhub まとめ 事始 インストール方法、実際に一通り実行してみるところまで行える。 www.procrasist.com コレだけは知っておくべきチートシート 以前自分のQiitaで書い

Androidをはじめたばかり or これから始める人向けにまとめました。UI系ライブラリは種類が多すぎるので除外しています。 公式系 1. サポートライブラリ developer.android.com ※種類が多いのでまとめて1つとカウントしました Androidの後方互換性を維持するために、Googleが提供しているライブラリ群です。機能ごとにパッケージが分かれていますが、ほぼ必須のものが多いです。 appcompat support-v4 multidex design recyclerview cardview etc 2. Data Binding developer.android.com レイアウトにデータを紐付けることで、データの更新に応じて自動的にビューを更新することができるライブラリです。レイアウトの属性を増やしたり、findViewByIdを簡略化するだけでも使えま

今日は、cakesやnoteを運営する会社としてのお知らせを２つさせてください。 出版をはじめます。ピースオブケイクでは紙の本の出版をはじめます。 名前は「スマート新書」といいます。その名の通り、スマートフォンと同じくらいの「小さな本」です。 ボリュームもコンパクトです。普通の本は200〜300ページで、文字量が10万字〜20万字くらいなのですが、スマート新書は100ページ前後で、3万字前後となっています。 1冊を読むのにかかる時間は20〜30分ほど。電車にのって通勤するくらいの時間で、その分野の最新の知識をひととおり学べるということを目指してしています。テーマは「手のひらにおさまる教養」です。 かつて「新書」は、ひとつの発明でした。単行本に対して、コンパクトな分量で、規格化されたデザインで、内容はワンテーマ。あたらしいフォーマットを発明することによって、大量のコンテンツが生まれました。

Create a client that subscribes the user to push notifications, receives push messages and displays them as notifications, and allows users to unsubscribes from push notifications. �K E�U @W�E�U ���E�U ���E�U

ユーザーをプッシュ通知に登録し、プッシュ メッセージを受信して通知として表示し、ユーザーがプッシュ通知の登録を解除できるようにするクライアントを作成します。 ��DwU ���EwU �OJEwU

どうも！アプリケーション基盤チームの@yokotaso です。 先日のCybozuTechConference 2017で、「開発文化を育て広げる愉しみ」という内容で登壇させていただきました。 発表内容のカンペを公開します。 かわゆいまとめをしていただいたので、お忙しい方はこちらをどうぞ！ 文章にはなってしまいますが、どうぞ！ 「開発文化を育て広げる楽しみ」という話をさせていただきます。今日は宜しくお願いします。 2011年にサイボウズ新卒入社の横田と申します。Webアプリケーションエンジニアとして主に働いております。 本題の前に 本題に入る前にすこしお話しさせてください。 まずはチーム開発開発体制について。 ユーザー管理などの管理機能の開発を行なっています。 日本で開発と上海で試験の2拠点体制です。 開発のScrum化の波に乗りまして、我々もScrumを採用しています。 Scrum 開始

Rustに興味が沸いてちょっと触ってみようと思ってまずはドキュメントを読んでみたら、classがないことに驚かれると思います。 Rustはstructによってオブジェクトを作成していくので最初に抵抗を感じるかもしれません。 この記事では、オブジェクト指向で開発してきたけどいきなりRustの書き方に慣れていくのはきつそう・・と感じる方を対象に紹介して行きたいと思います。 目標にしたいこと オブジェクト指向経験者と見出しにつけていますが、Rustではオブジェクト指向をしないというわけではなくその他の言語において広く使われているオブジェクト指向プログラミングに慣れている方がRustの機能によってやりたい事を実現できるようにすると言った所を目指しています。 そのため、記事中にはオブジェクト指向に関する応用的なRustにおける実装例は含まれておらず、置き換え例やパッケージ管理など広い範囲での紹介にな

東大発のAIエンジニアを目指すオンラインプログラミングサービス「Aidemy」は、12月6日の時点で「無料でPython・機械学習・深層学習（ディープラーニング）をブラウザ上で学べる無料学習サービス」を開始した。 AIエンジニアになるための学習が「PC・タブレット・スマホでいつでも出来る！」 これは、いままで日本のオンライン学習サービスにはない「全く新しい学習の形」になるので、ぜひAidmeyを体験してほしい！ １. aiエンジニアになるための「無料オンライン学習（ブラウザ）」が可能に プログラミング言語Pythonを知らない人は...どうする？ ２. 数学の知識・スキルがなくても、大丈夫なAI学習設計 AidemyのWebサイトはこちら Aidemy Premium Planについて Aidemyの関連記事はこちら 1. Aidemy（アイデミー）とは？どんな企業かまとめました 2. A

Today I’m super excited to announce Parcel, a blazing fast, zero configuration web application bundler that I’ve been working on for the past few months. Check it out on Github! I started working on Parcel in order to solve two main problems that I have found with existing module bundlers like Browserify and Webpack: performance, and configuration experience. Features🚀 Blazing fast bundle times —

本記事はFringe81 アドベントカレンダー2017の6日目の投稿です。 こんにちは。Fringe81データサイエンティストの貫井です。 今年9月まではプライベートでやっていた競馬AIの開発を専業としており、10月からFringe81に正式ジョインしました。 業務では主に広告配信ロジックの最適化を取り組んでいます。 2017/10/30まで開催されていたDeepAnalytics主催のレコメンドエンジン作成コンテストに参加し、見事優勝することができました！ 今回はそのコンペ参加の取り組みについて紹介します。 ▽DeepAnalyticsについて 参加の背景 これまで自分は機械学習を競馬予測以外のタスクで試した経験がほぼなく、10月からの業務でどれくらいやれるのか一抹の不安を抱えていました。 そんなとき、データ分析チームの先輩社員から本コンペの参加を勧められ、腕試しのためにまずやってみよう

これはKotlin Advent Calendar 2017の6日目の記事です。 はじめに KotlinはJavaとの相互運用性を重視していますが、JavaとKotlinは言語仕様的に異なる部分があり、Kotlinはその違いを吸収するために様々な工夫をしています。 Jvmアノテーション JvmStaticアノテーション KotlinのCompanion Objectで定義したコードをJavaから呼び出すと、Companionを経由することになります。Companion経由であっても動作上の問題はありませんが、出来れば普通にJavaで定義した場合と同様な呼び出し方をしたいですよね？そういった場合はJvmStaticアノテーションを付けることで、Staticメソッドとして定義されているかのように呼び出すことができます。 // Kotlin class JvmStaticSampleForCom

The zero configuration build tool for the web. JavaScript. CSS. HTML. TypeScript. React. images. SASS. SVG. Vue. libraries. Less. CoffeeScript. Node. Stylus. Pug. Electron. Elm. WebGL. extensions. GraphQL. MDX. XML. Parcel combines a great out-of-the-box development experience with a scalable architecture that can take your project from just getting started to massive production application.

Photoshopは、現在のクリエイティブ系の業務において、ほぼ必ず使われている最も代表的なソフトウェアです。バージョンアップする毎に機能が増え、写真加工の機能の向上はもちろん、印刷業界、イラスト、WEB制作やCG作成など、様々な場面で使用されるようになりました。 Photoshopは1ピクセル毎に細かく色と濃度の情報を記録する“ビットマップ画像”を扱うソフトで、主に写真やイラスト素材を修正・調整・合成するために使います。例えば、カメラで撮影した写真の色合いや明るさを変えたり、手書きのイラストをスキャンして色付けをしたり、フィルターをかけたり人物をきれいに加工する場合はPhotoshopを使います。 Illustratorのように図形を描き出す機能や文字を打つ機能も、一応は備わっていて、今後機能が向上する可能性もありますが、現状はあくまで補助的なものと考えてください。 Photoshopの

先日、とある会社の営業の方と知り合って、Facebookからその方のブログにたどり着いた。なんでもない日常の気づきを書いただけのシンプルな日記みたいなブログだったのだけど、仕事で会っているときにはわからなかったその人の考えや日常の一端が知れて、次に会ったときは２回目なのに「おお、やっと会えましたね」という妙な嬉しさがあった。 ブログを読むことで、心の距離が縮まったような気がしたのだ。 普通のなんでもない日記みたいなブログが読みたいブログがブームになり、誰も彼もがブログを書き始めた頃は、他人に読まれることを意識しない素朴な日記みたいなブログがたくさんあった。そういったブログを読むのが好きで、昔はよくブログを読んでいた。 ところが、いつの頃からかブログは「ブランディングツール」になり「お小遣い稼ぎの媒体」になり、そういった市井の人の普通の日常を記したブログがめっきり減ってしまった。みんなのセキ