ボタンやハンバーガーメニュー、アコーディオン等、よくあるUIのアニメーションをデザイナーさんが選定しやすくコーダーが導入しやすくまとめたものです。 サイト内から動きが確認できるようになっていて、ソースコードの確認も簡単にできるようになっています。 UIコンポーネントの管理・テストをすることが出来るオープンソースツールのStorybookを用いて作成されています。 日々業務をこなす中で同じような動きを実装することが多く、毎回最初から作成する時間がもったいないと感じるようになったからです。 アニメーションにこだわることで企業のブランディング強化を目指しているようなサイトはユニークな実装が必要なことが多いのですが、サイト制作には考えなくてはならない要件がたくさんあるため、よくあるアニメーションを設定するのに時間をかけるのは得策ではありません。 いかに効率よくUIアニメーションを実装するかを考えた

5/11から大学のオンライン授業が始まった。ここまでいろんな実験や準備を重ねてきたので、「とうとうこの日が」となんだか感慨深い。全国の大学がオンライン授業実施に突入しており、それぞれでできることが模索されているのだけど、組織ごとにいろんな問題を乗り越えていかなければならない。どの大学も関係者は死ぬほど頑張っているが、それでも容赦無くトラブルは起こる。 www3.nhk.or.jp 幸いながら僕の勤務先は情報学部ということもあり、教室だけに依存しない学習環境には積極的に取り組んできた。これは同僚が優秀な方々なのも大きい。例えば松永学部長は自ら全学18000人が同時に使うシステム運用の陣頭指揮に当たっているし、教育工学が専門の望月先生は、3月末にはいちはやくオンライン授業の知見をまとめたガイドを公開し、全国の大学でひろく参照された。 www.nikkei.com 加えて、うちの場合はデジタルカ

【2020年5月21日、2021年卒向け企業説明会を開催！】eスポーツで多くの人を笑顔にしたい。情熱を持って新しい未来を一緒につくりあげていく仲間を募集します！＜オンライン開催＞ JCGでは、eスポーツ・ゲームコミュニティに対する情熱と、新しい分野に対するチャレンジ精神を持った仲間を求めています！そこで、2021年度新卒および第二新卒生を対象にした企業説明会を開催します。 昨今の新型コロナウイルスの感染拡大に鑑み、今回はオンラインでの実施となります。 当日は、JCGの紹介や先輩社員の体験をお話しするほか、ご希望の方にはグループ面接も実施します！ ご参加希望の方は、まずは「話を聞きに行きたい」よりエントリーください。 弊社よりメッセージをお送りします！ ＜応募資格＞ 下記のどちらかを満たしている方 ・ 2021年3月に大学／大学院／短大／専門学校を卒業見込みであること ・短大／専門学校／大学

TL;DR 『GitHub Actions 実践入門』という、GitHub Actions の入門書を執筆しました。 miyajan.booth.pm BOOTH で PDF 版を 1,000 円で販売しております。A5 相当で 150 ページほどあります。ぜひお買い求めください！ 2020/03/15 追記 techbookfest.org 技術書典応援祭で PDF 版を 1,000 円、物理本 + PDF 版を 1,500 円（+ 送料 400 円）で販売しております！ 本の内容 概要 『GitHub Actions』の入門書です。 GitHub が提供する CI/CD サービスの GitHub Actions の基礎的な知識からはじめ、実際に活用してみるところまで扱います。 想定読者 GitHub Actions の入門者から中級者を対象としています。 この本は、以下の三点を意識しな

2020.1.14.   一番下に後日談追記。 「読みたいことを、書けばいい。」という本を買った。 noteをはじめたことで、そもそも文章ってどう書くのかとか、わかりやすい文章ってどういうことなのかが気になっていたから。 学びたい欲求が出たときはすぐに行動に移すと吸収が違う。 だから買ったのに。 まず表紙からそうはさせてくれないのである。 なんだこのフォントは。 思わず読もうとする手をとめた。 まず、この「を」に注目してほしい。 タイトルの文字「読みたいこと」と「書けばいい。」と比較して、太さ（以下：ウエイト）は同じに見えるが、文字の雰囲気が異なっていることが分かる。 くるっとなってるこの部分。 ここだけ筆の流れを感じさせるような繋がりがある。 もし他の文字と同じルールで作るのであれば、こうするのが自然だ。 デザイナーさんがニュアンスを加える為に、アレンジして作った文字なのだろうか。「A1

プロが本音でテスト比較した おすすめ商品がわかる the360.life（サンロクマル）。モノ雑誌『MONOQLO』『LDK』『家電批評』『LDK the Beauty』から生まれた、価格や口コミだけじゃない、商品比較レビューサイトです。

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog デザイン特集5本目、最後の記事です。 こんにちは、ブランドマネジメント室デザイナーの上田絵理です。 サービスロゴやアイコンの作成や管理、けんさくとえんじんというキャラクターの担当をしています。 私が入社した1999年当時は社員が100人くらいで、全員の顔が覚えられるくらいだったのですが、入社してから20年たった今、社員数は6500人超*1...！ 　インターネット環境とデバイスの変化とともに進化してきたYahoo! JAPANのトップページを、デスクトップ風のビジュアルで表現してみました。移り変わるウェブデザインの歴史をお楽しみください。 1996年　アメリカのYahoo!のデザインを踏襲 1996年4月に国内初の検索サイトYah

このサイトは0.1%のマニアックなお客様の 需要に応えた家族のフリー写真素材サイトです。 今までの素材サイトでは満足できなかった方でも納得のラインナップ！ 使えるものならぜひ使ってください。

Good design is good business. これはかつてのIBMのCEOが行った宣言である。 そしてついにそれが現実になってきている。それもかなり急速に。 数字で表される経営に対するデザインの力米国のコンサルティング会社Motiv Strategiesによると、デザイン的考え方を経営に積極的に取り入れている状況企業16社は、その株価の伸びがS&P 500全体と比べ2003年から2013年の10年間で228%高くなっているという統計を発表した。 また、2018年10月のマッキンゼーによる調査では、デザインを経営に活用している企業は平均と比べ、売り上げの伸びが32%もアップし、株主へのリターンも56%高くなっているという結果が出ている。 上記のデータからもわかる通り、これまでは、”なんとなく良い”程度の価値だと思われていたデザインが、ここにきて具体的な数字としてビジネスへの影響

トライデントコンピュータ専門学校 Webデザイン学科の最新情報を紹介しています。学生へのインタビュー記事から学生作品の解説、Webデザイン・マークアップ・プログラミングの授業風景、プロジェクト発表会、名古屋のWeb制作会社情報、イベント参加レポートやWeb制作の技術解説などWeb制作に関連する記事を掲載しています。トライデントコンピュータ専門学校は、いま話題の名古屋駅からユニモール地下街を歩いて3分です。

CODE QUEST // 伝説ノエンジニア、求ム コードクエストシリーズ第一弾 プログラミングスキルで問題を解き、 魔王の支配から、世界を救え！(PC専用) PLAY

キューコーポレーション株式会社 Creative Serviceに入る前 専門学校時代はWebデザイン学科に在籍し、HTMLやCSS、JavaScript、CMSなどWeb制作に関する一通りのことを学びました。時にはパソコンから離れ、絵の具等を使った美術の授業があったりもしたんですよ。 現在 現在は全体的な仕事の流れを覚えるため、デザインの仕事だけでなくマークアップの仕事にも携わらせてもらっています。 キューコーポレーション株式会社 Creative Serviceについて お客様から求められるもの、キューコーポレーションという会社に対するお客様の期待値が大きいこともあり、最初は「新卒の自分が本当にここでやっていけるのか」と不安もありましたが、先輩はみんな気さくで優しくて、分からないことがあっても聞きやすい人ばかり。そんな不安はすぐに飛んで行ってしまいました（笑）。「すごい！」と思えるデザ

株）アンティー・ファクトリーに入る前WEBデザイナーとしての役割に疑問を感じ、もっとクリエイティブの本質に携わる仕事をしたいと入社した前職では、デジタルクリエイティブを中心にアートディレクターとして大規模案件やサービスデザインなどを経験しました。 社員数2〜4名という小規模な会社でしたが 協力会社さまや、フリーランスのパートナーさんたちと日々、 良い創作とは何かを議論しながら、 ときにはお客さまと向き合い、ときには独りデスクに向かって、 「考えつづける」ことを生業としていました。 試行錯誤の毎日で、朝までかけて考えたプランが 「全然わかっていない」と白紙に戻される。 その数時間後に改めて提案し、またしてもダメだしされる。 「妥協なくモノづくりをしていこう」という社長の確固たる姿勢を信じ、 もっと良くなる可能性があるなら、ギリギリまで躊躇なく変更する そのスタンスが私の成長に繋がりました。

アクアリングに入社して約1年が経とうとしています。 仕事の仕方やWebの知識など、先輩にたくさん教わって目まぐるしい1年でした。 もうすぐ後輩ができるのがいまだに信じられないです。 成長を感じる部分もあれば、まだまだ足りないと思うこともたくさんあります。 最近よく考えているのは「理解する力」について。 理解しようとしても自分の中に限界があるように感じています。 今回はなんで限界を感じているのか、どうすれば限界突破できるのかを自分なりに考えたので、記録の意味も込めて記事にします！ 同じ悩みを持つ人は参考に！もう知ってるよという方はアドバイスください...！

追記：macOS 10.13 High Sierra でも使えます！ 本日(2017/09/26)，macOS 10.13 High Sierra がリリースされました。本記事で紹介している「偽装フォルダ法」は，High Sierra でも有効なようです。 追記：検証結果 本記事の方法で，Photoshop / Illustrator の CS 3～6 が全て Sierra で使用可能になる模様です。 また，報告（リンク切れ）によると，Flash 関係以外の CS6 アプリは基本的に全て動作するそうです。 Adobe CS6 Master Collection ○ Photoshop CS6 ○ Illustrator CS6 ○ InDesign® CS6 ○ Acrobat® X Pro ○ Dreamweaver® CS6 ○ Fireworks® CS6 ○ Adobe Premi

HTMLやCSSの知識がなくても簡単にWebサイトを作成できるMac用Webエディタ「Blocs v2.2」がリリースされています。詳細は以下から。 イギリスのデザイナーNormさんが開発＆販売しているMac用Webエディタで、HTMLやCSS, JSの知識がなくてもレスポンシブデザインのWebページが作成できるため、SketchやAffinityなどと共にNet Magazineが主催するThe Net Awards 2015のアプリ部門にも選出されていますが、このBlocsが新しい機能を搭載したBlocs v2.2を公開しています。 Blocs v2.2では新たにPulseやOctober, Cushy, SurrealといたCMSをサポートし、作成したWebサイトを各CMSにエクスポートが出来るようになった他、コメントシステムDisqusやsitemap.xmlの作成などもサポートし