「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を
約1年前、BtoB企業における顧客獲得型サイトの勝ちパターンをまとめた『BtoBサイト・チェックリスト』を、ベイジ、才流さん、WACULさんの3社連名で発表し、大きな反響をいただきました。 このチェックリストはブログで公開しただけではなく、私たちのウェブ制作の現場でもフル活用されています。この1年間に手掛けた多くのBtoBサイトが、このチェックリストを満たすように設計され、多くのBtoBサイトでコンバージョン数/率やフォーム誘導数/率の向上など、ポジティブな変化が生まれました。 このような活動の中から、『BtoBサイト・チェックリスト』の内容を満たした『BtoBサイト・ワイヤーフレーム』なるものが誕生しました。これを今回、皆さんにご提供します。リード情報なども一切取らず、そのまま丸ごとお渡しします。 BtoBサイト標準ワイヤーフレームXD版（770KB） BtoBサイト標準ワイヤーフレーム
仕事は挑戦の連続です。経験を積み、スキルが上がり、評価されるほど、難易度が高い仕事に関わるようになります。そこには必ず苦難があり、ストレスが待ち構えています。 ストレス学説の生みの親であるカナダ人生理学者のハンス・セリエ氏は、「ストレスは人生のスパイスである」という名言を残しています。確かにストレスは必ずしも悪いものではありません。 例えばパフォーマンスとストレスレベルは、逆U字の関係にあります。あるレベルまではストレスレベルの高まりに従ってパフォーマンスは向上し、あるレベルを超えるとパフォーマンスは低下します。この法則は心理学者ロバート・ヤーキーズとジョン・ドットソンの名前を取り、「ヤーキーズ・ドットソンの法則」と呼ばれています。 この法則に従えば、仕事で高いパフォーマンスを発揮したいなら、ストレスをゼロにするのではなく、適度なレベルにコントロールしなければなりません。そのために必要なの
「もっと話上手になれたらいいのに」と思っている人は多いのではないでしょうか。 普通のビジネスパーソンは、アナウンサーのような卓越した話術を身に付ける必要はありません。しかし、話上手になることができれば、交渉が得意になり、営業も人事評価も転職活動も有利に進められるようになります。仕事におけるメリットは計り知れません。 私たちの会社でも、特に顧客と直接対話する機会が多いディレクターやデザイナーには、業務知識だけではなく、顧客との話し方についてもなるべくフィードバックしています。会話のクオリティは、サービスの品質や満足度に深く関わると思うからです。 最近は、会話ではなく、メールやチャットで済む機会も増えています。一方で、話上手な人はテキスト・コミュニケーションも大抵上手な印象があります。話術の中には、コミュニケーションに共通する普遍的ななにかが含まれているのでしょう。 こんな記事を書いてはいます
PowerPoint歴23年、デザイナー歴20年、経営者として10年以上に渡って自社のマーケティングやセールスに深く関わり、提案書を作ったコンペでの勝率91%を誇る私の知見を余すことなく注ぎ込んだ、『最強の提案書を作る方法～伝わるストーリー・コピー・デザインの法則』というスライドを公開しました。 便宜上「提案書」としていますが、企画書、営業資料、ホワイトペーパー、社内文書など、人を動かすために作られるすべてのビジネス文書に応用できるはずです。 提案書のストーリー、コピー、デザインに関する、実践的かつ具体的なノウハウを詰め込んでいます。デザインについては、プロのデザイナーではなく一般のビジネスパーソンを対象とし、仕事の中で本当に必要な知識だけをまとめています。 約170ページある本スライドは、私が企業向けにこれまで20回以上行ってきた有料講座の配布資料を元に、公開用に仕上げたものです。スライ
CSSは使いようによっては様々な表現が可能な奥深い言語です。しかし、アニメーションなど凝った動きをするものに関してはコードは見れても実装方法を詳しく解説している記事は多くないように思えます。 この記事では、私（さかっちょ）がTwitterで過去にツイートしたCSSの技術をCodePenで改めて実装し、Twitterでは解説しきれなかった実装方法をより詳しく説明しています。CSS初学者の方にもわかりやすいように解説していますので、ぜひ参考にしてみてください。 その1. 一文字ずつ登場するテキストアニメーション See the Pen [CSS Tips] Text Show-up Motion by Takuro Sakai (@sakaccho) on CodePen. 一文字ずつtransformで移動させています。文字が途切れることなく流れるようにtransition-delayを調整
世の中には、経営やマーケティングのためのフレームワークや論理モデルが数多く存在しています。これらを学ぶことは、ビジネスパーソンとしての私の基礎力に繋がるのではないかと思い、特に著名なフレームワークを中心に、作られた背景や基本的な特徴を少し調べてみました。 3C マッキンゼー・アンド・カンパニー在籍時代の大前研一氏が1982年に発表した著書『The Mind of the Strategist』の中で提唱したフレームワークです。環境分析の手法のひとつといえるもので、外部分析と内部分析を簡潔に組み合わせて、市場機会を発見することを目的としています。 1980年代、トヨタ、SONYなど日本の製造業が世界市場で高い競争力を持っていました。しかし、成功している企業には必ずしも優秀な戦略コンサルタントがいた訳ではなく、洞察力と直感力による戦略立案がなされていました。 経営やマーケティングに関する「天賦
営業、受注、制作、納品、運用と、ウェブ制作の活動は長期に渡り、そのタスクの種類と量は膨大です。だからこそ、基本的なプロセスや使用するドキュメントなどを明確に定義しておかないと、サービスの品質が担当者により大きく変わることになります。 ベイジは社員がまだ5名の頃、各人に委ねた進め方によって以下のようなトラブルが頻発していました。 ミスが発生しても「次から気をつける」と精神論で終わらせてしまう 担当するディレクターやクリエイターによってタスクの抜け漏れが起きる 担当者それぞれが属人的な進め方をしてて品質が安定しない 役割が不明瞭なグレーゾーンのタスクが放置されてしまう 創造的な仕事の時間が、ルーチンや計画にないタスクに奪われてしまう 新しい社員が入る度に同じことを教えないといけない これら問題を解決するため、2014年頃からワークフローを整備するようになりました。ちなみに私が入社したのはこれ以
国税庁「会社標本調査（2019年度）」によると、日本国内の法人の数は約275万社あるとされています。この統計から単純計算すると、日本には約275万人の「社長」がいることになります。 さらに「経営者」となると「企業の経営方針や経営計画を立案・決定し、経営に関するすべての責任を持つ人の総称」となって対象が拡がります。ザックリ500-1000万人くらいの規模感になるのではないでしょうか。 これを正とするなら、15歳以上の就業者と完全失業者を合わせた日本の労働力人口は2022年で 6902万人（総務省）なので、全労働者に対して7-14%くらいの数の経営者が日本国内に存在することになります。大雑把に言えば、仕事の中で出会う10人に1人は経営者ということです。 そんな経営者、一般的に取り扱いが難しい人材という印象があります。 気分屋で我儘。人に従うのが嫌い。一貫性がなく意見がコロコロ変わる。思い込みが
CSRF対策のやり方、そろそろアップデートしませんか / Update your knowledge of CSRF protection
PHPerKaigi 2024 • Day 1での登壇資料です。 https://phperkaigi.jp/2024/ https://fortee.jp/phperkaigi-2024/proposal/0d0f8507-0a53-46f6-bca6-23386d78f17f ※ Authorizationヘッダーを利用したBearerトークン等の活用については言及していません。
ここ2年ほど、全国に点在する経営者や経営幹部と出会い、話を聞く機会を増やしている。月平均3～4名くらいのペースで、企業規模は数十名から数百名前半くらいの中小・中堅企業が多い。 地域/業種/業界/規模はバラバラながら、共通する話題もある。中でも表題の「40～50代社員の老害化」はよく耳にするテーマである。 個人的には、「老害」という言葉を安易に用いるのは好きではない。なぜなら、自分に都合が悪い年配者をすべてそこにカテゴライズし、全否定できる言葉だからである。実際には老害とは反対の「若害」といえる現象も存在するように思う。それも含めて、物事は「誰が言ったか」ではなく「何を言ったか」で冷静に客観的に見なければいけない。 その前提があった上で、比較的若い経営者や経営幹部の話を聞くと、「それは確かに老害という言葉で表現するしかないかもしれない」と思うことはある。 老害社員とは こうした話題で出てくる
SNSだけを見ていると、私たちの会社はいつも平穏でマイペースに仕事をしてるように見えるかもしれない。しかし、所詮は私たちも普通の会社。世の多くの会社が経験する浮き沈みや苦労と無縁ではない。 昨年は創業以来初ともいえる「営業危機」を経験した。幸いにして半年で問題の大半は解消し、数多くの学びを得た。 その一部始終を言語化することで、経験を再利用可能なノウハウとして定着させたい。同時に記事として公開することで、同じ課題で悩む企業や組織の手助けになればと思う。 自負と怠慢 ウェブ制作会社でありながら、マーケティング系のイベントに多数登壇し、マーケティング系のメディアから多数取材が来る。そんなウェブ制作会社は私たちだけだと思っている。マーケティングに強いと市場に認められ、実際にそうだという自負があった。 制作者が社員の大多数を占めるウェブ制作会社にとって、制作をしているだけで自然と仕事が舞い込んでく
「専門性が高い人になりたいですか？」 そう問われたら、多くの人が「はい！」と答えるでしょう。エンジニアやデザイナーのような専門職に限らず、ビジネスパーソンの多くも、「できることなら何らかの専門性を高めたい」と思っているはずです。 しかし、そもそも「専門性が高い」とはどういう状態を指すのでしょうか。どんな人になれば「専門家」だと評価されるようになるのでしょうか。それを突き詰めて考えることが専門性を高めるヒントになると思い、少し深堀してみました。 最後には、まだ実験中ですが、ChatGPTを活用して専門性を高める方法をご紹介します。 専門性と体系化の関係 辞書サイトのWeblioを見ると、専門性とは「特定の分野のみに深く関わっているさま。高度な知識や経験を要求されることや、その度合い」と書かれています。この定義に従うと、専門性には「特定の分野の高度な知識や経験」が必要だということになります。
プログラミング指南 - Code Knowledge ゲーム制作に関するプログラミング等を主に書き溜めていきます。ただ、どちらかと言えば日記的な書き方が続くと思いますが、そこは温かい目で見て頂ければ。あと、ちょっとしたサンプルやツールのダウンロードも出来るようにしておきます。 レトロPCは最初は安価なカセットテープを記憶媒体として使っていました。その後に登場したのがフロッピーディスク（以下FDと略す）です。カセットテープが何分もロードに必要なところを数秒から数十秒で完了し、かつ、ランダムアクセスが可能なFDは、当時は高価な周辺機器だったにもかかわらず、あっという間に一般に浸透していきました。また、ドライブの価格も一気に値下がりしていったのを覚えています。 ところが、この便利なFDは便利であるが故の問題を抱えていました。それが不正コピーです。ゲームソフトハウスが発売した製品も、簡単に複製でき
OS自作で変わったOSを見る目 | A Journey Towards Boundless Knowledge
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
2019年はコンテンツマーケティング関連のイベントでお話しする機会が何度かあり、その中でたくさんの質問をいただいたのですが、すべての質問にお答えすることができませんでした。 そこで改めてこの場を借り、質問に回答させていただこうと思います。私の経験則にもとづくものも多いですが、参考情報としてご覧いただければ幸いです。 目的・意義・戦略 Q1. オウンドメディアの重要性を経営層に理解してもらうにはどうすればいいですか？ いわゆるオウンドメディアについては、成果が出るまでに時間がかかることが多く、必ず成功すると事前に言い切れません。 そのため、経営者や事業責任者が、オウンドメディアの力をそもそも信じているということは、推進する上での重要なポイントになります。逆に、否定的な人を説得して始めるのはなかなか難しい施策ともいえます。 こういった前提があった上での回答ですが、オウンドメディアの目的を、一つ
このたび、BtoBサイトの成功パターンをまとめた『BtoBサイト・チェックリスト』とワイヤーフレームを、株式会社ベイジ、株式会社才流、株式会社WACULの3社連名で発表しました。 チェックリスト（PPT版）ワイヤーフレーム（PPT版）ワイヤーフレーム（XD版）ここで取り扱っているBtoBサイトとは、BtoB企業のマーケティングあるいはセールスに貢献することを目的として作られたwebサイトのことです。そしてこの取り組みの根底にあるのは「BtoBサイトにおける車輪の再発明を減らしたい」という3社共通の思いです。 BtoB企業といっても多種多様な企業が存在するように、BtoBのマーケティングやセールスを含む購買プロセスも突き詰めれば、個別の商材特性、顧客特性、業界特性、組織特性、経営環境などの影響を受けた、多種多様なものになります。 しかしながら、個別最適化しか手がないわけでもなく、BtoBビジ
変更容易性と理解容易性を支える自動テスト（2024/02版） / Automated Test Knowledge from Savanna 202402 YAPC::Hiroshima edition
YAPC::Hiroshima 2024
ベイジでエンジニアをしている野村です。 ベイジには2012年の新年ともに入社し、WordPressやMovable TypeなどのCMSのカスタマイズなど、サーバーサイドの開発を中心に行っています。今後もそのあたりの情報を発信していきたいと思います。 今回は、WordPressについて。 WordPressはブログシステムというより、もはやCMSといっていいでしょう。インストールなどの設定も簡単、自由にカスタマイズできるプラグインやデザインテーマも豊富、何よりオープンソースで無償、ということで世界中で広く使われています。 このように数多くのメリットがあり、コストパフォーマンスが非常に高いWordPressですが、最近、セキュリティ上の問題を理由に、WordPressの使用を禁止している企業にしばしば出会います。 確かにWordPressは特別セキュアなCMSではありませんが、他の多くのCM
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
ベイジの五ノ井です。役職はディレクターですが、編集者の経験があることから、コンテンツや文章のクオリティを管理する立場で働いています。6月からは、ベイジの日報の編集長も務めています。 そんな私の第一回目の記事は、文章について。 デジタル化が進む今、文章力は社会人の最重要スキルといって過言ではありません。 今は会話や電話のような音声コミュニケーションの機会がどんどん減り、多くがメールやチャットのようなテキストコミュニケーションに置き換えられています。文章力がある人には、企画書、社内資料、記事、SNSなど、様々な媒体を通じて自分のメッセージを届け、影響力を高めるチャンスが転がってきます。 これほど重要な文章力について、ほとんどの人は高校以降は専門的な教育を受けることもなく、働き始めます。文章に苦手意識を持っている社会人も非常に多いですが、作家やライターではない社会人が覚えるべき文章のセオリーは僅
時間を管理する能力は仕事のパフォーマンスに直結します。それは会社や市場からの評価に繋がり、最終的には年収や生活の質に影響を与えます。それなのに、私を含めて多くの人は、つい時間を無駄遣いするような行動を取ってしまいます。 その理由の一つには、「時間に対する誤解」があるのではないでしょうか。 このような思いと自戒を兼ねて、私なりに考える「時間の原則」をまとめてみました。 社内勉強会で披露したスライドを元に、詳しく解説します。 1. 平等の原則 1分＝60秒。1時間＝60分。1日＝24時間。1年＝365日。こうした時間に関する前提条件はすべての人に平等である、という原則です。人によって異なるのは与えられた時間ではなく時間の使い方である、ともいえます。 基礎的な能力に大差ない者同士が、同じ環境・同じタイミングで何かを始め、3年後にパフォーマンスが大きく異なっていたとしたら、その間の時間の使い方が大
最近、「ストレスとどう付き合うべきか」ということをよく考えるようになり、メンタルヘルス、マインドフルネス、ストレスマネジメント、認知行動療法、ウェルビーイングなどの書籍を読み漁っています。 こうしたインプットを踏まえた上で、「仕事のストレスを軽減させる8つの思考」というのを私なりに考えてみました。元々は社内向けに作ったものですが、ストレスマネジメントは多くの働く人に共通する課題だと思いますので、皆さんにも共有します。 (1) 起こったことに、負の感情を加えない起こってしまったことについて、悪い、嫌だ、頭にくる、がっかりだ、大変だ、失敗だ、期待外れだ、といった負の感情を抱くことは、巻き戻せない時間を相手に、心をすり減らすだけです。結果論でしかないことに囚われず、起こった事実をありのまま受け入れ、余計な負の感情に飲み込まれずに、今やるべきことに集中しましょう。 ストレスが多い考え方：「納期間際
ビジネスパーソンはパワポが大好きです。 大事なプレゼンがあれば、とっておきのパワポを作ろうと考えます。立派なパワポを作ってきた部下には、中身が薄くても「よくがんばったね」とつい誉めたくなります。 そんなパワポ仕事の中で特に多くの時間が費やされるのが、見た目を整える作業、いわゆるデザインです。『パワポデザインコンクール』に出展するためにパワポ資料を作っているなら、時間を惜しまず、デザインすべきでしょう。しかし、目指しているのが仕事の成果なら、以下のバランスを見極めないといけません。 例えば、同じ1000万円の受注を獲得した、制作に2週間を費やした美しい資料Aと、制作期間たった2日の見た目が地味な資料B。美しさの勝負なら資料Aに軍配が上がりますが、仕事の成果という意味では、資料Bの方が圧倒的に優れています。2日で1000万円を獲得できる資料Bは、5日稼働の2週間なら5000万円を獲得できる資料
2021年後半から、web3という言葉をよく見かけるようになった。「ウェブの第3段階」のような意味合いの言葉で、ネーミングのベースになっているのはweb1.0、web2.0という概念である。 web3に関してはこの記事が猛烈に詳しいので詳細な解説は譲る。 参考）Web3 とは何か？急速に注目を集める新たなトレンド（The HEADLINE） このweb3の話に絡めつつ、自社の経営やマーケティング、クライアントビジネスを支援する中で感じていることを書き連ねながら、頭の中を少し整理してみたい。 web1.0が成し得たこと web1.0の始まりとはインターネットの始まりである。そのインターネットの人類史上における意義を言い表しているのが、「情報革命」という言葉だと私は思う。 農業革命や産業革命と同列に語られる情報革命は、その名に相応しい貢献をしてきた。そして、その革命にミッションがあるとするなら
ユーザビリティというのは普遍的に重要なデザインテーマの一つですが、一方でユーザビリティへの関心は、UXが普及して以降、徐々に失われている印象があります。例えば、ユーザビリティがテーマにした書籍のほとんどは2000年代の刊行で、少なくとも日本国内において、2010年代以降に発刊された書籍は僅かです。 実際、Googleトレンドで2004年からの「ユーザビリティ」と「UXデザイン」の検索動向を比較しても、「UXデザイン」が2010年以降に増加傾向であるのに対して、「ユーザビリティ」は2000年代前半をピークに下降しています。 「UX」だと別の意図の検索を含むため、あえて「UXデザイン」で比較していますが、ここにデザイン文脈で使われる「UX」を加えると、「UX」は「ユーザビリティ」を確実に上回っているはずです。 だからといって、2010年代以降にユーザビリティが重要でなくなったわけではありません
WordPressは機能として実装できないものはないのではないか、と思えるくらい自由度が高く多機能なCMSです。一方で多機能であるが故に管理画面のメニューも多く、サイトによっては使っていない機能なのに導線が残っていたり、設定画面に到達するまで階層が深かったり、操作が複雑だとユーザーに使いにくい管理画面だと思われてしまいます。 この記事では私が普段の制作でよく行うWordPressの管理画面のカスタマイズ方法について、独自で実装するものとプラグインを導入して実現するものを合わせて18個、ソースコードと解説を交えながらご紹介します。エンジニアだけでなくデザイナーやディレクターの方も「こんなことができるんだ」と知っておくだけで、より使いやすい管理画面に仕上げていくことができると思うので、ぜひ参考にしてみてください。 その1. ログインページのロゴを変更する 以下のログインページのWordPres
サバンナ便り〜自動テストに関する連載で得られた知見のまとめ（2023年5月版）〜 / Automated Test Knowledge from Savanna 202305 edition
2023/05/17(水) Qiita Conference 2023
私たちの会社はこれまでに、6つのオウンドメディアを自社で立ち上げてきました。顧客のオウンドメディアに対しても、提案、分析、支援を行ったことが多数あり、契約を伴わない相談、関係者への取材、悩み相談、商談、情報交換というレベルでは、数え切れないほどのオウンドメディアに触れてきました。 このような経験から、オウンドメディアの成功パターンと失敗パターンを分類した上で、成功の可能性を高める仕組みや枠組みが作れないかと考えて編み出したのが、私たちが『STAAM』と命名するオウンドメディアに特化した独自メソッドです。 STAAMとは、Strategy（戦略）、Theme（主題）、Article（記事）、Awareness（認知）、Management（運営）の頭文字を取ったものです。オウンドメディアを見切り発車する前に、まずこの5つの分野についてしっかり議論しよう、そうすることで成功確率を高めることがで
Amazon BedrockのKnowledge BaseでRAGを構築し、RDSのデータを分析するアプリケーションを開発する | NHN テコラス Tech Blog | AWS、機械学習、IoTなどの技術ブログ
Amazon BedrockのKnowledge BaseでRAGを構築し、RDSのデータを分析するアプリケーションを開発する はじめに こんにちは！ 第一SAチームのshikaです。 普段、あるAmazon RDS上のデータベース（MySQL）に対し、SQLを実行してデータを参照しています。 毎回SQLクエリを実行するのが手間だったので、データ検索を容易にするWebアプリケーションを開発しました。 このアプリケーションには、AWSの生成AIサービス「Amazon Bedrock」を活用しており、生成AIを用いた対話式の検索機能を実現しています。 できあがったアプリケーションの画面は以下です。 データはテストデータを使ってます。以下の通り、架空の会社の従業員情報に関するデータです。 本記事ではこのアプリケーションの構成、仕組みについて、特にAmazon Bedrockの部分を重点を置いて解
Developer Enablement Monthと、そこから生まれたコードレビュー手法｜Knowledge Work Developers blog
こんにちは、よしこです。 みなさんコードレビューしてますか？ 今日の記事では、最近おこなわれた社内でのイネーブルメントを推進する取り組みと、そこから生まれた新たなコードレビューのやり方についてご紹介しようと思います。 コードレビューにおけるトレードオフ取り組みやレビュー手法の話をする前に、前提としてコードレビューの際に以前から私が持っていた悩みをお話しします。 （以降レビューする人をレビュアー、される人をレビュイーと記載します） ナレッジワークのフロントエンドチームでは私が主なレビュアーとしてコードレビューをしているのですが、その際に1つ悩ましいトレードオフがありました。 これはレビュアーにもよるかもしれないのですが、私の場合は「全体像を見てレビューしたい」という方針があります。 「ある振る舞いを実現するコードのうち一部だけのコード」よりも「ある振る舞いを実現するコード」をまとめてレビュー
デザイナーの高島です。 ベイジには2019年4月に入社しました。webサイトや業務システムのUIデザインを主に担当しています。『knowledge / baigie』でも、デザイン関連の情報を発信していきたいと思います。 デザインツールで制作したデザインデータをコーディングする時、「デザイン通りになっていない」「ルールに一貫性がなくてコーディングに余計な手間がかかった」といったトラブルが起こりがちです。 しかしこれらの大半は、デザイナー側の配慮である程度防げるとも思っています。そこで今回は、私がコーディングを依頼する際にデザイナーとして気を付けていることをまとめてみました。 なお、ベイジが使用しているメインのデザインツールはAdobe XDなため、この記事もXDの使用を前提としています。ただし、ツールに関わらない話も多いはずなので、皆様が使っているツールに置き換えながら、お読みいただけると
めちゃめちゃ使いこなす観察、理解、知識、解像度! そしてコンテキスト!!/observation-understand-knowledge-resolution-context
https://confengine.com/conferences/scrum-fest-mikawa-2021/proposal/15981 私たちは観察、理解、知識を用いて仕事をこなしています。 これらは「心の働き」といえるものです。 仕事の成果の質を左右する重要な活動で、 子供の頃から慣れ親しんだ活動です。 では、心を働かせるとはどのような活動なのでしょう。 私はほとんど答えることができませんでした。 このセッションでは何気なくしてきた観察、知識、理解を 明らかにし、その質を高め方を紹介します。 プロフィール https://note.com/mryy/n/n6f01561a6253 関連動画 シン・仮説検証 70000枚の付箋で分かった仮説検証のエッセンス https://speakerdeck.com/moriyuya/shin-hypothesis-testing 仕組みと働
ウェブ制作の仕事をしていると、「コーポレートサイト」「オウンドメディア」「製品サイト」「ランディングページ」といった言葉を当たり前のように耳にします。 でもある時、「コーポレートサイトって何だろう？」と思いました。 言葉をそのまま直訳すれば「企業サイト」ということになりますが、そうであるならば、企業が作るオウンドメディアや製品サイトやランディングページもコーポレートサイトではないでしょうか。なぜこれらのウェブサイトのことはコーポレートサイトと呼ばないのでしょうか。 この疑問を切っ掛けに、企業サイトにまつわる数々の言葉の定義をハッキリさせようと考えて、この記事を書きました。 調べてみると、「この言葉はこういう定義じゃ」と決めてくれるウェブサイトの神様のような方がいるわけでもなく、それぞれの会社・現場・人・文脈に応じて、ある程度の解釈の幅をもって使われているのが実状です。 そのためこちらでご紹
なかなか良くできたスイカゲーム系のwebコンテンツがありました。ただ、ちょっとばかり違法な感じでしたが、やっぱり先日webから消え去りました。作者は元ゲームが大好きだったんだろう事はよく分かったのですが、一線を超えてしまったからには、権利保持者からは注意喚起が飛んだのだろうと思われます。では、ちょっとここで思いつくままに、著作権と契約について書き連ねたいと思います。 なお、今現在の厳密な著作権の内容と、私が知っている内容に齟齬が生じている可能性は否めないのでそこはご容赦ください。厳密な内容を求める場合は、下記のリンクを参照してください。https://elaws.e-gov.go.jp/document?lawid=345AC0000000048 著作権簡単に言いきってしまえば、これは法律です。国際条約により各国で共通に保護されています。だから絶対的に守らなければならないのです。著作権には
ウェブサイトやアプリケーションにおいて配色の持つ役割は大きく、その設計は使いやすさに強く影響を及ぼします。今回は基本的ではあるけれど覚えておくと役立つ、配色にまつわる9つのトピックについて解説します。 なお、本記事では、配色が与える情緒的な印象の話は出てきません。印象論的な配色理論は、数多く存在する他の書籍や記事に譲るとして、主にユーザビリティやアクセシビリティ、ビジネス上の課題解決に繋がる、基本的なポイントに絞って解説していきます。 1. メインカラーに赤を安易に採用しない 色を知覚する視細胞の中で、赤錐体（赤に反応する視細胞）は緑や青のものより数が多いという研究結果があります。 人間の目は赤に対して敏感であるという現象は、いくつかの学術的な裏付けにより証明されている事実と言えるでしょう。 色覚のしくみ – 多様な色覚に対応したデザインと社会の改善 特定非営利活動法人カラーユニバーサルデ
私たちはウェブ制作会社なので、ブランディングが主テーマの仕事をすることは多くはありません。しかしながら、ウェブサイトにとってブランドやブランディングは避けて通れない、日常的なテーマでもあります。 私たちのメインクライアントである中規模BtoB企業の多くは、製品力・サービス力・営業力・販促力などで事業を拡大させてきています。その一方でブランドが体系的に整理されている企業はどちらかというと少数派です。短期的な成果に繋がりにくく、長期的な投資が必要になるブランディングの優先度を下げることは、成長期を駆け上がっていくところまでの戦略としては正しいといえます。 しかし、事業がある程度の規模まで成長して成熟期に差し掛かり、市場での影響力が高まり、社会との接点が増え、関与者も多様になり、コミュニケーションの総量が増えていくと、明確なブランドの指針がないことによって、様々な問題が発生するようになります。
2020年5月に公開した「リモートワークにおけるファシリテーションの方法論」の増補版をこのたび公開いたしました。 増補版のための序文（2023年10月） 資料 増補版のための序文（2023年10月） 2020年の新型コロナウイルスの世界的流行は、私たちの働き方を大きく変える契機となりました。 空間を共にしながら働くという前提は崩れ、在宅やコワーキングなど、各自が離れた場所から仕事をしていくスタイル（リモートワーク）は特別なものではなくなりました。当時、社会的に移動制限が行われたことによって、オンラインミーティングやリモートワークが普及し、逆説的に「移動からの自由」というものが生まれました。そして、移動から自由になることによって、「働き方そのものも自由」につながっていったのがこの3年間の大きな変化と言えるかもしれません。 しかし、一般的に「自由」の裏側には「自由であることの難しさ」が必ずある
企業のウェブ担当者から「ホームページの値段は、なぜ会社によってこうも変わるのか」ということをよく聞かれます。 確かに発注企業からすれば、同じ規模のウェブサイトなのに会社によって数百万円単位で金額が変わるのは謎の現象でしょう。 実際のところ、ウェブ制作の値付けの基準は会社によって千差万別で、一概には語れませんが、その前提の上で、上記のような質問をいただいた際には、私は以下のように、「ウェブ制作会社の値付けの基本法則」をお話ししています。 価格を変える3つの要素 ウェブサイトの価格は、主に以下の3つの要素で変動します。 会社の規模 実施するタスク量 スタッフの経験・スキル 一つずつ解説していきましょう。 要素1：会社の規模 会社の規模は、価格にある一定の影響を与えています。比較的規模が大きなウェブ制作会社に見積もりを取ったら価格が2～3倍も違った、ということは珍しくありません。 ウェブサイトの
プログラミング指南 - Code Knowledge ゲーム制作に関するプログラミング等を主に書き溜めていきます。ただ、どちらかと言えば日記的な書き方が続くと思いますが、そこは温かい目で見て頂ければ。あと、ちょっとしたサンプルやツールのダウンロードも出来るようにしておきます。 自分が子供の頃は、はっきり言ってド阿呆に分類されてました。5段階評価の通信簿の平均が 3 未満で、5 はひとつもなく 1 はちらほらという状態でした。覚える系が特に苦手で、応用とか創作系はどちらかと言えば得意だったかな。図工で針金をコネてひよこを作ったのは覚えています。 小学校時代はテレビゲームは存在していなかったので、外での遊びは…ちょっと変わってました。板に釘を打ち付けて、ピンボールのようなモノを作って、ビー玉が外れたら私のもの、ポケットに入ったら2個とか3個とか払い戻すような事をしていました。室内だと紙にひたす
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
未経験でも1カ月で即戦力クラスの知識が身に付く『webデザインドリル』公開 | knowledge / baigie
成功法則が詰まったBtoBサイトの標準ワイヤーフレームを無料配布します | knowledge / baigie
すべての働く人におくるストレスマネジメントの基本 | knowledge / baigie
話が上手な人と下手な人の違い | knowledge / baigie
提案書の書き方、徹底解説～提案書のストーリー・コピー・デザインの基本法則【スライド付】 | knowledge / baigie
簡単CSSアニメーション＆デザイン20選（ソースコードと解説付き） | knowledge / baigie
知っておくと便利な思考フレームワーク×35 | knowledge / baigie
ベイジのウェブ制作ワークフロー2021年版（約100のタスクと解説） | knowledge / baigie
経営者というモンスターのエクスペリエンスをハックする | knowledge / baigie
40～50代社員の老害化問題について考える | knowledge / baigie
営業の崩壊と再生～営業の問題を解決する14の処方箋 | knowledge / baigie
さて、専門性と体系化の話をしようか | knowledge / baigie
FDのコピープロテクト : プログラミング指南 - Code Knowledge
オウンドメディアに関する27の質問に2万字で回答します | knowledge / baigie
BtoBサイトを成功に導く180のチェックリスト | knowledge / baigie
簡単にできるWordPressのセキュリティ対策×12 | knowledge / baigie
サイトの表示高速化につながる18のこと | knowledge / baigie
ビジネスに役立つ上手な文章の書き方11のコツ | knowledge / baigie
時間にまつわる11の原則（ビジネス編） | knowledge / baigie
仕事のストレスを軽減させる8つの思考 | knowledge / baigie
パワポでやりがちな9の無駄な努力 | knowledge / baigie
web3と社会正義の時代 | knowledge / baigie
ウェブ・ユーザビリティの簡単9原則 | knowledge / baigie
WordPressの管理画面を使いやすくする簡単カスタマイズ18選 | knowledge / baigie
オウンドメディアの成功法則を全6万字で徹底解説（戦略・記事・運用・認知のポイント） | knowledge / baigie
コーディングを助けるためにデザイナーができること① | knowledge / baigie
主な企業サイトの種類と特徴 | knowledge / baigie
著作権と契約 : プログラミング指南 - Code Knowledge
ウェブサイトの配色で気を付けたい9つのこと | knowledge / baigie
BtoB企業はブランディングとどう向き合うべきか？ | knowledge / baigie
リモートワークにおけるファシリテーションの方法論の増補版を公開します！ - COPILOT KNOWLEDGE
ウェブ制作の値段、高い会社と安い会社で何が違うのか？ | knowledge / baigie
私がゲーム業界に入るまで : プログラミング指南 - Code Knowledge