Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
![Material Design](https://cdn-ak-scissors.b.st-hatena.com/image/square/d17b3739ac264bf7257985221d19b948498648f3/height=288;version=1;width=512/https%3A%2F%2Fm3.material.io%2Fstatic%2Fassets%2Fm3-social.jpg)
「オフィサイクル」は法人向けパソコン・電子機器処分サービスです。 オフィスの不要なパソコン・電子機器、その廃棄処分における最適なソリューションを提供。 処分費用無料のため、同時に大幅なコスト削減を実現いたします。 万全なデータ消去体制によるデータセキュリティの確保はもちろんのこと、 廃棄処理・再資源化を国際環境基準に適応した国内提携工場で行い、 ビジネスコンプライアンスの遵守もサポートします。
www.kyleletendre.com The two sub-families of Dotties (Vanilla and Chocolate) are humanist typefaces with a twist. Mixing the charm of hand-painted signs with the utility of a digital typeface, the Dotties fonts fuse personality with performance, making them ideal for use in headlines, text and logotypes.
先日、絵の描き方に関しての記事を書いたせいか、このブログの読者さんや、Twitterのフォロワーさんで、「絵の練習をしている」とか「デッサン描いたら勉強になった!」と言う方が何人かいます。 僕も、デッサンは今までに何千枚と描いてきたし、そういう話題を見ると懐かしいなあと思ってしまいます。 で、そう言えば3年くらい前に、「ちょっと久しぶりに練習してみようかな?」と急に思い立って描いた簡単なモチーフを描いたデッサンの画像があるな〜ということを思い出しました。デッサンを描く過程の写真も撮ってあります。 ちょうど良いので、数年前に描いた6枚の鉛筆デッサンが描かれていく工程を参考にしつつ、初心者の方向けに、「デッサンの描き方の基礎」を、これだけわかっていれば大丈夫!と言うくらいに徹底的かつ詳細に解説していこうと思います。 ちなみにこの記事、とてつもなく長いです。なので、読みたい所だけ読むなり、ブック
Airbnbを事例に学ぶ!失敗しないWebサイトの作り方とは Webサイトの上手な作り方をAirbnbを事例に学んでいきます。サイト作成をする上でワイヤーフレームやモックアップを作りますが、どうやって作るのか参考になるでしょう。ユーザーにとって使いやすい優れたサイトを作る上でぜひご覧くだささい。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日 調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名 調査手法:インターネット調査 本稿は、Designmodeのブログ記事を、了解を得て日本語翻訳し掲載した記事になります。 また本
JavaScript不要、HTML/CSSコピペで実現するスタイル10個まとめ YOU MIGHT NOT NEED JAVASCRIPT JavaScriptはとても便利で、Webページを構成する機能的なUIコンポーネントを自由に作成できます。ほんの数行のコードを加えることで、ブラウザにさまざまな機能を追加できます。 今回は、JavaScript を使わずにHTMLとCSSのみで実現できる、ウェブサイトでもよく利用するコンポーネントを10個まとめてご紹介します。 参照元@ : YOU MIGHT NOT NEED JAVASCRIPT - youmightnotneedjs.com
情報共有ツール「Qiita:Team」のプロダクトマネージャー(PM)を務める海野弘成さん。海野さんは「良いチーム=自律的なチーム」と定義し、構成要素を共有した。 海野弘成が語った、「自律」と「心理的安全性」の重要性 ※2016年10月24日に開催された「Japan Product Manager Conference 2016」よりレポート記事をお届けします。 映し出されたスライドのタイトルは『Product Team Management』。 登壇したIncrements株式会社CEOで、情報共有ツール「Qiita:Team」のPMを務める海野弘成さんは、 自身の経験から「プロダクトマネージャー(PM)の関わるチームビルディング」に絞って発表した。セッションの冒頭で、海野さんは2つの条件を満たしているのが「良いチーム」であると定義する。 まずは「成果が出せるチーム」。プロダクトにおいて
AWS Lambda の効果は劇的でした。今まで数時間かかっていた画像処理がわずか 10 数秒で完了しました。コストに関しても、同じ処理をオンプレミスで行う場合と比べ 20 分の 1 程度にまで削減することができました。 AWS Lambda にはそもそもリソースが足りなくなるという発想がありません。これはオンプレミスでは真似のできないものです。 「最高の『物語』を提供することで、世界中の人々の幸福に貢献する」を企業理念に掲げる株式会社スクウェア・エニックスは、主にゲームを中心とする「デジタルエンタテインメント事業」、アミューズメント施設運営や業務用ゲーム機器の開発を行う「アミューズメント事業」などを展開しており、ゲーム、エンタテインメント分野において創造的で革新的なコンテンツ、サービスを生み続けています。ゲームの代表作には「ドラゴンクエスト」「ファイナルファンタジー」「トゥームレイダー」
Webはその進化が早いと言われ、中でもCSSは日々、新しいテクニックや驚くべき実装方法が発表されています。新しいものに目を向けることはもちろん大切です。しかし、すでに利用可能なもので見落としている有用なテクニックがあるかもしれません。 有用なのに、意外と見落とされがちなCSSのテクニックを紹介します。 9 Underutilized Features in CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. レスポンシブ対応に便利な「calc()」 2. 目からウロコの「@media」の使い方 3. カラー指定を変数でおこなえる「currentColor」 4. フォームにかなり便利「:valid, :invalid, :empty」 5. ナンバリングするためにol要素は必要ない「counter」 6. 中身が不明な
約30の画像共有プラットフォームに登録されている1億2500万枚に及ぶ写真を単語や画像で串刺し検索して、欲しい写真を見つけることができるウェブサイト「Mediachain Attribution Engine」が公開されました。画像の検索結果には機械学習が利用されていて、よいものから順に表示されるようになっています。 Mediachain Attribution Engine http://images.mediachain.io/ Mediachain Attribution Engineのトップページはこんな感じ。 まずはトップページ真ん中にある検索欄に「girl」という単語を入力して検索してみます。 すると以下のように、少女や女性が写った高品質な画像がずらりと表示されました。 各写真の下には、写真の投稿者、写真の投稿先サイト、ライセンスの種類が表示されています。なお、以下の画像に写っ
イラストの管理 自分はたまにイラストを描いたりするのですが、以前からその管理方法に苦労していました。 苦労していた点は主に次の 2 点です。 バックアップ 制作過程 Gif をつくるのが面倒くさい 強い人は、短時間でもさらっとイラストを描いてしまいますが、自分は時間をものすごく掛けないとまともなものが描けないので、バックアップは結構頻繁に取ります。 手動でバックアップしようとした場合は、ふつうにファイルを複製する感じになると思います。 ただ、普段からコードを書いていて VCS を利用している身だと、どうしても原始時代かと錯覚してしまいます。 さらに、PhotoShop の psd 形式や CLIP STUDIO PAINT の標準である clip 形式はいろんなデータが詰め込んであるので 1 ファイル当たり平気で 50 MB くらい持って行かれます。これも結構厳しいところです。 VCS を
投稿開発部の外村(@hokaccha)です。今回はReactについてのお話です。 ReactとSPA 最近JavaScriptやそれを取り巻くフレームワークなどの話題では、サーバ側はAPIのみを提供し、View(HTML)は全てJavaScriptで描画するような、いわゆるシングルページアプリケーション(以下SPA)についてよく語られます。 一方で、SPAを構築するにはコストがかかることも事実で、特にフロントエンドエンジニアが多くない環境では、従来通りサーバーサイドでViewを書きつつ動的な部分だけJavaScriptで処理するというアーキテクチャのほうが現実的な場合も往々にしてあります。 今回はこのような、サーバー側でHTMLを生成し、一部の動的な部分だけをReactで書くためのTipsを紹介します。 なお、基本的にサーバーサイドはRails前提ですが、RailsにおけるReactの開発
HTMLやCSSも進化しています。Webデザイナーやコーダーなど、Web制作者が押さえておきたい最新のHTML/CSS関連記事をKADOKAWAが運営するオンラインメディア「WPJからアクセス人気順に紹介します。 『もう迷わない!HTML5のもっとも基本的なテンプレートはこれだ!(2016年版)』(WPJ) HTMLを書くときのベースとなる「書き出し」。いまどきはエディターにプリセットされていますし、ネットにも山ほど転がっていますが、どうせならきちんと意味を理解して、自分だけのテンプレートを作っておくとカッコいい。 2.知らないと損しているCSS関数の世界 『便利すぎてしびれた!あなたが知らないCSS関数トリック8選』(WPJ) どんどん進化するCSSの中でも、意外と知られていないのがCSS関数。アイデア次第で実用的で応用の効くCSS関数を、もっと使ってみませんか? 3.Cutestrap
更新情報・お知らせ 2024/08/08 仕事・業務依頼の承諾を追加 2024/07/19 商品の発送連絡を追加 2024/07/05 キャンペーンの案内を追加 2024/06/09 商品へのクレームに対する回答を追加 2024/05/21 担当者交代の挨拶を追加 2024/04/20 提案資料の送付連絡を追加 2024/04/06 不良品混入のお詫びを追加 2024/03/13 クレームへのお詫びを追加 2024/02/19 仕事完了のお礼を追加 2024/02/02 教えてもらったお礼,打合せのお礼を追加 2024/01/20 食事会のお礼を追加 2024/01/02 同僚に上司の指示を伝えるを追加 2023/12/19 上司にプラン変更を相談するを追加 2023/12/09 上司にミスを報告するをするを追加 2023/11/27
『坊っちゃん』自筆原稿 読みやすい文章とは、流れるように読める文章だ。難しい言葉はいらない。気のきいた言葉もいらない。文頭から文末まで振り返ることなく読める文章が、最も美しい。 読みやすさの基準は客観的なものだ。読み手には様々な人がいる。老若男女すべての人に対して読みやすい文章を書くのは難しい。ただ、綺麗な文章を書こうとする意識は持ちたい。 文章を書く上で意識すべき技法を紹介する。 常体と敬体 常体とは「だ・である」調の文章であり、敬体とは「です・ます」調の文章を指す。それぞれにメリットとデメリットがある。 常体は、自分の意思を力強く伝える事ができるが、我の強い文章になる。敬体は、優しい印象で共感を得やすいが、まわりくどい文章になる。 常体と敬体を織り交ぜて書く手法もある。まずは自分で試してみて、書きやすい文体を見つければいい。 文章の始まりは短く 最初の一文は短いほうがいい。インパクトが
秋の読書シーズン真っ盛り。もはや読んでいるだけでは物足りず、「今度は自分で何か書いてみようかな?」という方はいらっしゃいませんか? 11月には「NaNoWriMo」月間として、プロ・アマ問わず、多くの「小説家」たちが、創作活動を行っています。 では、読者に伝わりやすい小説を書くには、どんなことを心がけるべきなのでしょうか? 米小説家カート・ヴォネガット(Kurt Vonnegut Jr.)氏は、著書『バゴンボの嗅ぎタバコ入れ』において、以下の8つのポイントを指摘しています。 時間の無駄を感じさせないように、時間を使う。 登場人物のうち一人は、読者が応援したくなるような人物を入れておく。 登場人物には、たとえ水一杯でも、何かを求めさせる。 各センテンスは、登場人物を明かす、もしくは、アクションを前進させるの、いずれかにする。 可能な限り、最初と最後を近づける。 サディストになる。どんなにかわ
第3回目の特集は、記事の内容を少しだけレベルアップさせるテクニックです。 今回のトレーニングを全て終えた時、あなたのブログは少しだけレベルアップするかもしれないです。 あまりギスギスせずに記事を書きたいんだという方はそれでも良いと思います。 難しい事を要求するわけでもありません。特に、社長ブログや、社員ブログなどの、ぞくにいう『ブログ初心者』の方々を相手に考えた方法です。次の3つのステップにチャレンジしてみると、いつの間にか身についてしまうと思います。 興味のある方は是非やってみてください。やってダメだったら自分流を模索してみるのも悪くありませんので! 要点分解トレーニング さて、記事を書く前に、必ず記事にしようと思うネタがあるはずです。 ネタがないのに書こうと思ってかける人なら素晴らしいですが、大体事前にネタがあるはずです。 そのネタを、まず分解する事。 これがこのトレーニングの肝です。
こんにちは。 teratailチームDevRel担当の木下(@afroscript)です。 1年ほど前からたくさんのコミュニティの方々とイベントを共催しています。 様々な技術のハンズオンもご一緒させて頂いたので、そこで使われた資料のうちWebで公開されているものをまとめてみました。 ぜひ新しく技術を学ぶ際、ハンズオン資料を作成する際などにご活用ください。 ちなみにteratailで開催しているイベントは、基本的にconnpassで公開しています。 イベントの一覧はこちらです。(僕が個人的に開催している勉強会も多々混じってますw) →http://connpass.com/user/afroscript10/open/ Facebookのteratailユーザーグループでもイベント開催のお知らせをしていますので、併せてご確認ください。 →https://www.facebook.com/gr
皆さんこんにちは。 私は将棋プログラム「Ponanza」の作者、山本一成と申します。Ponanzaは初めてプロ棋士を破った将棋プログラムで、近年最も強い将棋プログラムと言えると思われます。また、2017年もトッププロ棋士の方と対局することが予定されています。Ponazaの改良のための機械学習に現在ジサトライッペイさんのPC「大紅蓮丸」の計算リソースを借りているのですが、その関係で原稿を書いてとお願いされたので、3回に渡って将棋プログラムの今について、書いていきたいと思います。 フリーランチの終焉、並列化の効率問題 アスキー読者の方々には言うまでもないのですが、まずは近年のCPU事情について解説していきたいと思います。ちょっと昔まではCPUはシングルコアが当たり前で18ヶ月経過すればCPUのトランジスター数は倍になり、性能が向上するという流れが続いていました。ソフトウェアはその性能向上に伴い
最近、調べ物をしようとGoogle検索した時にキュレーションサイトなどの役に立たない、あるいは他のサイトの情報をまとめただけのサイトばかり上位に表示されてしまい、ストレスがたまることが多くなってきました。 そこで、検索結果のCSSを上書きしてキュレーションサイトなどを半透明で表示し、ついでに記事が書かれた日付や「未指定」などを目立つようにカスタマイズしました。 ※ このスクリーンショットは、この記事でできるGoogle検索結果のカスタマイズ例です。1件目のNAVERまとめは半透明に、2件目の記事ははてなブックマーク数、サムネイル、記事が公開された日付を目立たせるなどして「役に立つページかどうか」を判断するヒントをわかりやすくしています。 検索結果から特定のサイトを非表示にする拡張の問題点 最初は、Google公式の Personal Blocklist という「検索結果から特定のサイトを非
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く