プロフィールPROFILE

ma-sanさんのプロフィール

住所
太白区
出身
太白区

写真など撮って公開します。

ブログタイトル
ma-san.org
ブログURL
https://ma-san.org/
ブログ紹介文
仙台で心豊かに働ける!落ちこぼれ社員でもできるWebデザイナーになった日常やアイデアをお届け
更新頻度(1年)

22回 / 22日(平均7.0回/週)

ブログ村参加:2011/06/14

本日のランキング(IN)
読者になる

新機能の「ブログリーダー」を活用して、ma-sanさんの読者になりませんか?

ハンドル名
ma-sanさん
ブログタイトル
ma-san.org
更新頻度
22回 / 22日(平均7.0回/週)
読者になる
ma-san.org

ma-sanさんの新着記事

1件〜30件

  • ディレクションは何事も段取りが大事。4つの約束について考えよう

    約束。それは運命。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のディレクターの味方、ma-sanです。 ディレクション、全然できねっす。うまく進行できないし、うまくお話できないし、ついつい愚痴ばっかでちゃう。おっさんだもの。 しかし、ディレクションというものは「約束」を「どうやったら果たせるか」というシンプルなものだったりもします。 というわけでWebディレクションで、制作進行などをする場合を若干混ぜながら、僕がディレクションをするときに意識する4つの「約束」について解説します。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.約束を考える 2.約束をする 3.約束を守る 4.約束を果たす まとめ:約束を果たし続けるのは大変 1.約束を考える 約束を考える人になるか、約束を考えない人になるか。 これは責任の所在に大きく起因すること、それと環境により大きく左右されるという非常に重要なファクターとなります。現状、守られてる人(子供・新人など)であれば自身を守ってくれる人がいます。その人がどのように教えているか、または環境がどうなのかも大きいでしょう。 自分で思考しなくても良い場合、責任を取ろうという思考にはなりませんし、守ってくれる人がいればその人に責任を取ってもらいたいものです。 つまり、自分が責任を考えるか、他責(他人事)として考えるか否かが大きいです。 自分は制作するだけでいい、という場合はここが非常に弱いからということもままあります。 異様に段取りが下手な人は、心当たりがある場合があります。 インプット RFP、約束の内容を把握、自分の領域と他者がやることの区分け、どうやったら相手に満足してもらえるかの思考、実現可能かの判断 など アウトプット プロジェクト計画、提案書、概算見積(スケジュール)、タスク管理、ユーザーシナリオ など 2.約束をする 約束をする人になるか、約束をしない人になるか。 かんたんです。仕事をする、という約束をする人は約束に対しての責任や、現状把握をして自分自身にできると判断できる人です。

  • YouTube Premium入ってたらGoogle Nest Miniを貰える、と思ったら考えさせられるUIだった件

    やったー!!Youtube Premium入ってたらGoogle Nest Miniがもらえ、る?! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のYoutuberの味方、ma-sanです。 本日、朝にYoutubeさまから「Google Nest Miniをお受け取りください」という件名のメールが届きました。 なにそれ、怖い。 と思ったらアドレスはyoutube.comだし、正規のものじゃん。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.怪しいタイトルとシンプルすぎる導入 2.結局有料じゃん、って思った瞬間 3.結局有料じゃん、って思った瞬間 4.割引で0円になってるのわかりにくくない? まとめ:もらえるの嬉しいから文句言うなし! 1.怪しいタイトルとシンプルすぎる導入 シンプルな件名、唐突のプレゼント宣言。 そう、12月あたりからプレゼントとして配布されていたらしいGoogle Nest Miniである。 時間制限付きの案内、すぐにでもクーポンが使えるようなUI。 押したらすぐに受け取れる、らしい。 あ、怪しすぎる。 2.シンプルな商品選択 ハンズフリーで音楽を楽しむのが推しなのかしら。用途がわからんけど僕はCoralを選択するぜ!! 「割引はご購入手続きの際に適用されます。」って書いてあるしな! 3.結局有料じゃん、って思った瞬間 小計6,050円。有料かい!!!と思っちゃうUI。 でもご購入手続きをすすめると。。。 4.割引で0円になってるのわかりにくくない? でも実際はクーポンが適用されて実質0円。 まぎらわしいんじゃ!! まとめ 23日〜30日のあいだに届くらしいので楽しみです。 アレクサとはなにが違うのかしら? ひとまず検証機として使うか(お) というわけで、Youtube Premiumに入ってる方でまだもらってない方は安心してもらうと良いと思います。

  • ハリウッド脚本術から学ぶWebプランニング(前編)

    ハリウッドって上がる作品が多いですよね。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の映画好きの味方、ma-sanです。 本日は僕の好きな書籍をご紹介します。 ハリウッドではある程度のテンプレートが用意されています。ヒット作などからくる膨大なノウハウなど、ふんだんにかかれているのが「ハリウッド脚本術」です。 結構前の本ですが、現在でも使えるノウハウがたんまりあり、もし提案・脚本などに興味のある方は必読の一冊です。 起承転結とは日本では有名ですが、同じような考え方が多いです。 それは「売れる王道」であり、多くの人々が取っ付き易い「情報」となります。 ハリウッドでは人々の「共感」「納得」を組み立てていくのがうまく、悪い言い方をすると「ありきたり」「お約束」の展開を構築していきます。 これは、「観衆の期待を裏切らない」という前提を持っています。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.脚本家の課題 2.観客を満足させる課題 3.スクリーンの要素 4.エンディングの定義 5.我々の仕事はハッピーエンド以外ありえない まとめ:結末に「神」の採用はありえない 1.脚本家の課題 ドラマが原因で、主人公の人生はどのように変わるのか。 あなたの主人公がもっとも幸福なのはいつか。 あなたの主人公は、どんな能力を持ちたいのですか。 もしあなたの主人公が自分自身について一つ変えることができるとしたら、それは何ですか? あなたの主人公が自分で達成したことでもっとも凄いとか考えているのは何ですか? あなたの主人公がもっとも大切にしている持ち物はなんですか? あなたの主人公の最大の無駄遣いはなんですか? あなたの主人公は、いつ嘘をつきますか? あなたの主人公がもっとも後悔していることはなんですか? あなたの主人公がする最初の劇的選択はなんですか? なぜ、あなたの主人公は、もっとも容易な手だてを取る代わりに、その選択をする必要があるのですか? 主人公が劇的選択をすることで、まず何が起こりますか? 主人公の劇的選択により、他の登場人物はどんな影響を受けますか?

  • 水平思考推理ゲーム、やりたくなってきた

    水平思考ってなぁに?という振り返り。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のゲーム好きの味方、ma-sanです。 真面目な話はしたいわけではなく、この水平思考という目の前の情報を「疑う力」を身につけるために水平思考推理ゲームというものが面白かったりします。 情報を疑って、どうしたら良いのか、実はなにか?ということを疑っていく。 誰かを疑うのではなく、情報を疑う、ということがとても大切です。 とりあえず、以前友人にチャットで水平思考推理ゲームをふっかけたときのログを紹介します。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.ある日、友人に唐突に水平思考推理ゲームをふっかけた 2.なんとなくわかったやり方がわかった友達 3.かんたんな問題 4.短いけど死ねる問題 5.目の前の情報を疑うところから始める まとめ:自分の言葉と行動に変換しよう 1.ある日、友人に唐突に水平思考推理ゲームをふっかけた ma-san: その女はいつも僕の目の前で本を読む。 晴れの日も、雨の日も。 気があるのだと思った僕はその女をデートに誘う。 結果はNO・・・ 「あなたに興味はないわ」 ではなぜ女はこのような行動をとるのか? ma-san: 質問してもおk 返事はYESかNoか関係ないのみ 友達: すまん便所行ってた ma-san: うんこ! 友達: 聖おにいさん読んでた ma-san: ・・・ ? 友達: で・・・何なんそれ? ma-san: 水平思考推理ゲーム 友達: うーん ma-san: 出題例いきまーす ma-san: 【問題】 ある男が、とある海の見えるレストランで「ウミガメのスープ」を注文しました。 しかし、彼はその「ウミガメのスープ」を一口飲んだところで止め、シェフを呼びました。 「すみません。これは本当にウミガメのスープですか?」 「はい・・・ ウミガメのスープに間違いございません。」 男は勘定を済ませ、帰宅した後、自殺をしました。 何故でしょう? 友達: なん・・・だと 友達: 全くさっぱりだ!! ma-san: ※参加者はYESかNOで答えられる質問をする

  • とあるWeb制作会社でディレクションをするときに使う、自家製の資料を連携します

    会社で連携しているディレクションするときに必要な資料をかんたんにまとめてみました! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のの味方、ma-sanです。 若い子たちを平等に教育することは難しい。 ましてや社外の若い方、自分と関係のない人まで巻き込むとなるとなかなかどうして厳しいものがある。 そう思ってこの記事&ファイルを用意しました。 Web制作を進めるするにあたって、自分自身が業務として日常的にチェックしたり、準備しているものをシェアするためにスプレッドシートを利用して公開することにしました。 革新的な内容はなにもありませんが、よくある形のウォーターフォール開発を前提とした内容になっているかと思いますが「計画チェックシート」はWeb制作に限らずプランニングの最低限のことをまとめていたりします。 すでにインターネット老人会に入会している身としては、対してスキルを持っていないにも関わらず無駄な豆知識を持っていたりします。 特にWebデザイナーやフロントエンジニアという経験を持っていたりするので、制作者視点を持った上でディレクションをすることが得意なような、そうでもないような。 そうしたナレッジをシェアするときにまとめた資料一式をここに連携致します。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.計画チェックシート 2.構築チェックシート 3.スケジュール 4.サイトマップ 5.課題管理 6.質問管理 まとめ:参考までにおねしゃす! 1.計画チェックシート どんな案件でも事前にチェックしておいたほうが良いチェックシート(のつもり) 2.構築チェックシート Webサイト構築を行うとき、突っついたほうが良いチェックシート(のつもり) 3.スケジュール プロジェクトを進行する際に用意したほうが良いWBS(のつもり) 4.サイトマップ Webサイトを構築するにあたって用意したほうが良いページ一覧&チェック(のつもり) 5.課題管理 プロジェクトを進行する際に発生する課題の管理リスト(のつもり) 6.質問管理

  • 新規でWeb制作を推進するときにコピペして使ってる構築案件セット、スケジュールの一例

    本業で久しぶりにコーディングのお仕事だと思ったら、ひたすらGrepするお仕事だったのだ。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の新人ディレクターの味方、ma-sanです。 自分がフロントエンドエンジニアなのか、ディレクターなのか、プランナーなのか、デザイナーなのか、キャリアプランで迷ってるんです!という若い子のお話を聞きます。 僕のアンサーとしては「思いついたこと全部やれば良いんじゃな〜い?」です。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.スケジュールに大切なのは成果物とスケジュールの紐付け 2.でも世の中には便利なツールがたくさんある まとめ:構築案件セットって需要あるのかしら? 1.スケジュールに大切なのは成果物とスケジュールの紐付け スケジュールを書くときに意識をしているのは納品成果物の一覧化です。 期限を設定するのはもちろんですが、納品成果物を明示化することは必須です。 以前、というかもう一年前にもなるプロジェクト計画書の書き方という記事で「Web制作におけるプロジェクト計画書の納品成果物について」があります。 やることははっきりしているので、それと実際のスケジュールを連携させる、ということですね。 2.でも世の中には便利なツールがたくさんある 画像はスプレッドシートで作成しているので、色々と連携しやすいのですが直感的に使いやすいかというと、従来エクセルで作っちゃってたおじさんが昔の名残でそのまま作っちゃった感があります。 個人的にはBacklogが使いやすいので、仕事でも愛用しています。 特に、1月中に「カンバンボード」が実装されるらしいのでめちゃくちゃ期待も高まります。 カンバンボード、リリース直前キャンペーン!|プロジェクト管理ツールBacklog みなさんはどんなものを使ってるんだろうな〜? まとめ いろいろな現場でいろいろなフォーマットがあるとは思いますが、僕は結構この手の自家製の管理ファイルを用意したりしています。 もっとシェアしあいっこができればなーと思ったので紹介です。

  • 【まじで?】自分の好きなタイミングで長期休暇?仙台市にあるWeb制作会社で実際に取っちゃう話

    その名も「公認バカンス制度」!! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の休みたい方の味方、ma-sanです。 IT業界、Web業界で働くみなさん、休んでますか?! 僕はめっちゃ休んでて有給が足りません!! というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.副業してると休みなんぞない 2.休みを保証してくれるって、チートでは? 3.というわけで休みます まとめ:休んでる間も給料でるんだお 1.副業してると休みなんぞない よく副業してると儲けてるとかそんな話になりますが、自分の時間を売ってるというだけの話なのでお金は貯れどそこまで使う機会なんかありません。 いっそ、会社に来てるときが休んでるような感覚というか若い子たちとお話したりして心が浄化されていきます。 特に副業で働いてる人たちの稼働時間は平日ではなく夜や土日、他の方々がおやすみの最中です。 そんなわけで休むんだったら平日の真っ昼間!!昼間からビールが飲みたい! 2.休みを保証してくれるって、チートでは? 9連休も取れちゃうらしい。有給ってちまちま使うか退職時に消化するものでは?と思ってたけどみんなが死ぬほど忙しい平日に休みを取っちゃえば観光地が混むシーズン以外を狙って行けちゃう。 というか、普通にみんな休みを取る文化になっちゃってる。 3.というわけで休みます 3月あたりにお休みを一気に取っちゃうのだけど、これってよくよく考えたらすごいことだし、会社として推進してくれる、というのってすごい良いことだよね。 子どもたちの長期休暇にあわせて一緒に長期で休むことだってできる。 まとめ もう一年近く前の記事ですが、Web業界もどんどん働き方改革を推進していて、そうしたところはやはり社員が心豊かになったり、クライアントも一緒に豊かになるという設計思想ですよね。 心が豊かにならなければ良い仕事はできない。 そんなわけで休んだ分、一層自分自身のお仕事を頑張っちゃいましょう。 メンバーズ、有休を活用し9日間以上の連続休暇取得を推奨する「公認バカンス制度」導入

  • 【2021年新卒向け】Web業界で心豊かに働いていくために必要な会社選びの方法を教えます

    2021年度、一緒に働いてくれる新卒さんが見てくれたら嬉しいなぁ。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の2021年度新卒の味方、ma-sanです。 Web業界に興味のある2021年新卒の方々はこれから色々なWeb制作会社にアクセスし、どんな企業があるのか、そもそもWeb制作会社に入社するのか考えることも多いと思います。 僕が働くのは宮城県仙台市、地方都市としては小さめの街ではありますが地方都市で働いてもそれなりゆ心豊かに生活ができています。 なので、この記事では「地方で心豊かに働くための会社選び」を紹介したいと思います。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.利用できる会社を選ぼう! 2.年収に騙されるなやることで選択しよう! 3.社会課題にどれだけ親身に携わっているか見よう 4.クライアントや実績で選ぼう 5.社長に惹かれろ!! まとめ:うちんとここないか? 1.利用できる会社を選ぼう! 最初からこんなことを書くと怒られるかもしれませんが、最初から小さな会社や妥協して選んでしまったりするとその後のキャリア形成がなかなか難しくなる可能性があります。 地方は特に、若かりし頃であれば給料よりもやりたい内容です!安くてもいいからがんばります!みたいなノリで会社を選ぶと後の祭り。 一度決まった収入を上げていくというのは結構骨が折れます。 転職でなんとかしようとしてもキャリアを積む前に転職すれば当然給料は上がりにくい。 なので、教育の環境が整っていて、自分がやりたいと思えることがあって、でも会社に骨を埋める必要はない、散々利用すればいい! そのくらいの気軽さのほうがいいのと、そのくらいの気概のほうが採用する側も嬉しいものです。 転職をしたい、する、というのは一定層存在して、そりゃ長く努めてほしいですがそれはあくまで企業側の言い分です。 ここなら自分のやりたいことができる、という納得感を持って選びましょう。 そのために、「ここで働くことで自分にとって今後有利になる!」と考えらえる企業がいいですね。

  • 【新卒・未経験者向け】はじめてWeb制作会社で働く前に常日頃からチェックしておくと良いWebサイト一覧

    Web業界に早く入ってくれー!間に合わなくなっても知らんぞ!! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のニューWebデザイナーの味方、ma-sanです。 もう少しで2020年度の新卒が入社してきますね。 専門学校卒業とかですと、ついに2000年生まれが入社してきたりしちゃうのでしょうか? そんなわけで僕自身が新入社員にこっそり教えちゃったりするWebサイトをまとめてみました。 デザイナー、フロントエンドエンジニア、Webエンジニア、Webディレクター、Webプロデューサー諸々あると思うのですがWeb業界に入るならここらへんのWebサイトは抑えておいてほしいな、というWebサイトをご紹介します。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.頼む!こいつらはチェックしといてくれ!なサイト 2.Web制作ノウハウ系 3.Webデザインまとめ系 4.資料・便利系 5.IT全般系 まとめ:全部隅々まで見ても足りない現実 1.頼む!こいつらはチェックしといてくれ!なサイト ・株式会社LIG こちらはWeb制作系のコラムから日常的なコラムまで幅広く取り扱っています。 正直、こちらの記事を一通り見てさえいればWeb業界ってどんなものなのか、とか学べると思います。 おもしろコンテンツも多数取り扱っていて、よく面白いWeb制作会社として紹介されていたりします。 ・Adobe Creative Station Adobeさんの製品はPhotoshopやIllustrator、XDなどWeb制作とは切っては切り離せないアプリを提供してくれていて、それらのノウハウを惜しみなく提供してくれています。 ・ドットインストール 動画でHTMLやCSSの基礎が学べます。一本一本が3分と短く、かなりわかりやすくまとめられています。 こちらの動画サービスで学べる!と思ったらプレミアム会員になることでもっと多くの動画で学ぶことが可能です。

  • 宮城県(仙台市)の女子に食べてほしい。最強のケーキ屋さんムラタをご紹介。

    美味しいケーキは生きる活力!!!! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のケーキ好きの味方、ma-sanです。 最近、ドハマリ中のケーキ屋さんをご紹介します。 その名もムラタ(MURATA(叢田)|Chocolate patisserie|多賀城市)。マカロンで有名なお店ですが、当然といえば当然でケーキも美味しいです。 MURATA(叢田)|Chocolate patisserie|多賀城市 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.上品な店構え 2.さっくり、優しいナッツ香るパリブレスト 3.くるみのタルト まとめ:本当好き 1.上品な店構え 多賀城駅の近くにお店を構えるムラタさんはかなり混雑しています。 上品なお店はいつも賑わっているため、外まで並んでいる場合も多々あります。 また、多種多様なケーキ、どれもこれも美味しそうで迷ってしまいますが、僕のおすすめを下記に書いておきます。 2.さっくり、優しいナッツ香るパリブレスト お気に入りのパリブレスト。サクサクの生地とふんわりと優しい味わいのクリーム。 そしてナッツの香りが本当にバランス良く、いくらでも食べることができそうです。 3.くるみのタルト ごろごろのくるみが乗っているタルト。ザクザクとしたタルトにこれまたくるみの香りがとても素晴らしい。 食べれば食べるほどやみつきになります。 まとめ まとめもなにも美味しすぎるので僕のラーメンで壊れた味覚では形容し難いです。 女性の方、ぜひこのケーキ屋さんで色々と食べてみてくださいね〜! MURATA(叢田)|Chocolate patisserie|多賀城市

  • Webデザイナーはコーディングもできるようになるべき?そんなの自分で決めればいいという話

    それよりもデザインデータの再現ができねぇコーダー・エンジニアが多い気がするぜ!!! 俺だぜ!!! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のコーダーの味方、ma-sanです。 Twitterを見てると巷には「コーディングができるWebデザイナー派 vs コーディングができなくても良いWebデザイナー派」の話題にあふれていたので僕の意見も書いておこうと思います。 読んでいくとフリーランスを前提としていたり、制作会社で働いたり、受託、準委任、なんでしたら10年前や20年前の話をしてる人もいるので、ちょっとカオスです。 結論を書くとすれば「できたほうが良いけどやらなくてもいいならやらないでいいよね?」です。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.できなくてもいいとやらなくてもいいは違う 2.Webデザイナーのお仕事は多種多様 3.いにしえのWebデザインを見てみると色々変わりまくってる 4.コーディングもデザインである 5.Webを作るためにできることをしよう まとめ:やりたいことやったもん勝ち 1.できなくてもいいとやらなくてもいいは違う 大前提ですが、Webデザイナーと呼ばれる職域がかなり手広くなっていて、なおかつ10年くらい前と比べたらWeb業界で働く人も増えたので「専任化」が進んできたのかな、と思っています。 簡単な話「どちらかのせいにするのではなくコミュニケーションを取ればいいんじゃないか?」のみのお話です。 しかし、できなくてもいいのか、というのはなかなか乱暴な言い回しになるので「そりゃできたほうがいいんじゃない?」というだけです。 例であげるとするならばWebの知識がないデザイナーが作ったデザインデータでよく指摘されるのは以下の通りです。 紙媒体のようなデザイン コンテンツ量(テキスト、要素など)の変動によってデザインの再現が不可能になる マルチデバイスを考慮した設計になっていない フォントサイズ、テキストの改行位置 カラーの使用方法、及びアクティブ時の挙動 コンテンツを隠す前提の設計 読み込み速度

  • 未経験者がWebデザイナーに転職するときにプログラミングの勉強するならProgate(プロゲート)が一番

    未経験者からWebデザイナーになるのって比較的カンタンかもしれないのでおすすめな職種です。 プログラマーって聞くとちょっと敷居高く感じるかもしれませんが、そんな中でもWeb業界というのはとても幅広く学べるのでいいですよ! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のWeb業界未経験者の味方、ma-sanです。 よく、オンライン学習はそこまで効果がない、というおじさんたちがいますが、その手の方々の発言は一切無視していいです。 というのも、未経験者の方はそもそも実務実績がないにも関わらず、やれ「実践では通用しない」だのの発言がありますが、その手の話はまったく有益ではないので聞くだけ無駄でしょう。 初学者にとってはそもそもどんな本を買えばいいのか、なにをすればいいのか、ということなどがさっぱりでモチベーションも保てないと思いますので、僕個人が最初にやることでもっとも良いと思うのはProgateだと思います。 Progate 実際に、僕も最近入会してみて全体をうやってみた所感は「自分が未経験のときにやりたかった」と思ったことです。 なによりも、かんたんに学べて、継続できて、安い! というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.Progateは安い!! 2.すぐやめられる! 3.環境の準備がほとんど必要ない! 4.ひたすら触りを体験できる! 5.次のステップは自分のWebサイトを作ってみる! まとめ:初心者、未経験者が育てば業界が賑わうので大歓迎! 1.Progateは安い!! 980円(税別)!!ということで以下のようなものが学べます。 HTML & CSS JavaScript jQuery Ruby Ruby on Rails PHP Java Python Command Line Git SQL Sass Go React 上記をパッケージ化して、わかりやすく目的別コースなんてのも用意してくれています。 はじめてのプログラミングコース Webデザインコース 本格的なWebサービスを作成しようRuby

  • 【新社会人向け】Web業界はゆるく働けてスキルも伸ばせるので副業ができる会社を選べば心豊かになって最強

    忙殺って恐ろしい言葉ですね。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の新社会人の味方、ma-sanです。 僕が働くのはIT業界の中でもWeb業界と呼ばれる企業で、企業のWebサイトを制作したり、Web関連のお悩みを改善したり、Webマーケティングにまつわる提案をしたり、Web、と名前がつくものであればなんでもやるような業界です。 さて、今回のお話は新社会人の方に向けてWeb業界ってこういうところだよ、その中でもこんな会社を選んだほうがいいよ、というお話です。 結論から言えば、地方にもそんな会社は存在するし、僕の住む宮城県仙台市にもありますのでご安心ください。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.会社はタダで勉強ができて、おまけにお金までもらえる最強の教育環境 2.失敗してもOK。むしろ失敗が大きな投資 3.拘束時間が少ない企業を見極めるポイントは社長 4.副業可でなければいけない理由 5.Web業界でできるようになる副業 まとめ:最強の自分をイメージできればOK 1.会社はタダで勉強ができて、おまけにお金までもらえる最強の教育環境 新社会人にまず伝えたいことは、所属した会社の社風によるかもしれませんが「仕事を覚えさせてもらえる」「失敗しても誰かがフォローしてくれる」「いろいろな同僚やクライアントと会える」「給料までもらえる」という最強の環境です。 なにか新しいことを学ぶときに本を買う、講師を雇う、学校に通うなどをすればあっという間にお金が発生しますが、会社であれば「すべての行動」が自分自身に還元されます。 特に新社会人ということであれば、「成長する機会」をたくさん用意してもらえるので最強です。 但し、そこに甘んじて自分自身でスキルアップをしない、会社に用意された分しかできない、という人はゆるくは生きれるけど心が豊かにはなれません。 2.失敗してもOK。むしろ失敗が大きな投資 仕事で失敗したら、、、。と不安になっている方々、ご安心ください。 そんなときのための会社であり先輩たちです。

  • 新社会人へお金のあれこれ。大金を手にする前にやっておくことは生活にお金を使わないようにしておくこと。

    稼いだ分、中途半端に衣食住に使うような人は貯まりません! みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のお金好きの味方、ma-sanです。 大金ほしいですよね。でも、使わないといけないことが多いですよね。 特に家族がいたりしたら自分だけでコントロールすることはだんだんと難しくなっていきます。 だからこそ、若いうちからお金の使い方について学んでおいたほうが良いです。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.生活費ほど無駄なものはない 2.家賃高いところ住んでない? 3.現金で貯めてない? 4.無駄な時間過ごしてない? 5.使うべき場所はお金を産むもの まとめ:体験がお金になる時代 1.生活費ほど無駄なものはない お金について、初めて自分で管理する人が大半だと思いますが、いざ自分で生活をしてみると「え、これにもお金使わないといけないの?」ということがとても多いです。 その中でも筆頭は生活費、衣食住の住ですね。 こだわりがあるのであれば生活費にお金をかけてもいいですが、それが身の丈にあわないレベル感(収入に比例しないハイレベルブランドなど)だと出ていく一方です。 服を買うことそのもの、食べることそのもの、住居そのものが自分自身の生活体験の質を向上させ、より次のステップ、レベルアップにつながるのであれば良いのですが、殆どの場合は「消費」で終わることが多いです。 仙台でちょっと本気で生活費にお金を使わないようにしたら、月7〜8万円程度で生活ができたりします。 2.家賃高いところ住んでない? 僕が以前、一人暮らしをしていたときは10万円程度の家賃でした。 仙台市にある長町駅から徒歩数分の立地で、新築物件だったので1LDKのバリアフリーマンションでした。 長町駅は現在、子供がいるご家族にとってホットな立地で、土地値がガンガン上がっていってます。 こうしたところに賃貸を選択すると、物件価値と生活体験の価値が比例しない、という場合もあります。 単刀直入に言えば、年間120万以上賃貸に掛ける意味って、一人暮らしで、仙台では必要なかったなぁという感じです。

  • 時間の使い方について、Webアクセシビリティ思考で考えてみた

    心豊かってなんだっけ。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の若者の味方、ma-sanです。 さて、本日なんですけれども「時間の使い方」をテーマにしてWebアクセシビリティ思考を持って考えていきたいと思います。 WCAG2.0(日本語訳)のガイドラインに「2.2 利用者がコンテンツを読み、使用するために十分な時間を提供すること。」というものがあります。 Webに限った話で言えばWeb上のあらゆるコンテンツは利用者が使用するために時間を提供、または選択することを可能としよう、という旨が記述されています。 読むのに十分な時間だったとしても読むのに長過ぎるコンテンツを「停止」したり「調整」できるようにすることが望ましいです。 Youtubeの動画が勝手に流れて、しかも再生を停止することができない、なんてびっくりしますからね……。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.過去の時間は買うことができない 2.未来の時間は買うことができる 3.過去の時間が残り続けるWeb 4.未来が反映されるのに時間がかかるWeb 5.今にとらわれないWeb まとめ:Webというものは従来の時間をぶち抜く裏技 1.過去の時間は買うことができない 現実の世界では時間というものは一方通行で未来に進み続けます(いろんな議論があると思いますが、ここではそういうことで定義します)。 昨日を思い出すことはできますが昨日に戻ることはできません。 過去、という時間に戻ることはいくらお金を積もうともできません。 停止をすることもできません。 進み続ける現実を、どのように選択して、歩んでいくか。 十分なほどに時間があると見せかけて、時間というものは本当に大事で贅沢品です。 生きていく上で、余計な時間が取られる、ということもままあります。 2.未来の時間は買うことができる やらなくてはいけないことを、やらなくても良いようにお金で買うことはできます。 サイト内リンク:ロボット掃除機RULO(ルーロ)が強力な理由を考察 掃除機をかける、という時間をロボットにやらせる、ということですね。

  • 視力2.0オーバーの僕、たまに視力が低下してアクセシビリティの重要性を認識する話

    わしの視力は健康診断程度では測れん。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のヨーグルト好きの味方、ma-sanです。 さて、今回は視力の良いと思われる自分がたびたび襲われる視力低下の現象、つまりは「疲れ目」についてお話したいと思います。 疲れ目のときは本当に人相悪くなる気がするので、なんとかしたいものですね。 というわけで本日のお話です。 コンテンツ(ページ内リンク) 1.視力が低下すること自体が恐怖 2.ものが見えない、を解消する術がない 3.明るい画面が辛い 4.疲れ目は人を遠ざける 5.選択できる自由こそアクセシブル まとめ:大体は自業自得 1.視力が低下すること自体が恐怖 幼い頃から視力だけは良かった僕、つねに診断の限界である2.0、調子の良いときはもうなんというか周りがドン引きするくらいの視力の良さっぷりを発揮することもあります。お前は大平原で育ったのか、とたまに言われたりします。 そんな僕なので、視力が下がる、視えないということはなかなか想像できないことです。 しかし、一日中パソコンを使ってる因果か、年に数回、疲れてくるとだんだんと視界が「白い霧がかかったような状態」になります。 一日中その状態になるので、改善しようがありません。 僕にできることはまぶたを薄く開いてみるしかありません。 2.ものが見えない、を解消する術がない 普段、視力の良い僕はメガネを持ってることも、コンタクトを持ってることも、目薬を持ってることもありません。 「一度視えない状態」になってしまえば一方的に「視えない状態で生活する」ということになります。 選択の余地はありません。 それでも、Webサイトなどを閲覧、つまりデジタルデータの場合は「拡大」することが可能です。 小さな文字が視えないのであれば、大きくする、という選択はできます。 3.明るい画面が辛い パソコンやスマートフォン、モニタはたいてい発光しています。 そのため、目にそれなりに負荷がかかるのですが視えない状態でそれらを利用していると、それはもう目が沁みるような状態になってしまいます。

  • 小学四年生にプログラミングを教えようとした結果、色々と教えることが必要だと思った

    今後は子供もプログラミングを覚えなきゃいけねぇ!!!ってときに喜び勇んで子供にプログラミングをやらせようとしました。 あほですね。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中の子供の味方、ma-sanです。 さて、今回は当たり前のところからスタートしなければならないのにプログラミングができるおっさんが子供にプログラミングをやらせようとしたらずっこけた話をしようと思います。 コンテンツ(ページ内リンク) 1.プログラミング的思考を身に着けさせるために本を買い与える 2.いざプログラミング。とりあえずHTML、で挫折。 3.ローマ字(英語)を教える必要がある 4.タイピング練習、しかし普通にやらせたらつまらない 5.ITリテラシーを教える必要がある まとめ:俺にできることは子供の圧倒的成長率についていくことだけ 1.プログラミング的思考を身に着けさせるために本を買い与える ある日の暮方の事である。まーたんが自宅でパソコンを開いて「カタカタッ、スッターーーン!!」と軽快にタイピングしていたときです。 「まーくん、プログラミングおしえて!」と言われました。 僕、快諾。 よっしゃー、やらせてみっか!!と喜び勇んで下記の本を買い与えました。 内容を読んでみると結構よくできていて、プログラミング言語のことではなく、プログラミング的思考について学べる良書でした。 与えられた子どもたちは喜び勇んで一日中、10時間ほどかけて全部読破しやがりました。 集中しすぎじゃない? 2.いざプログラミング。とりあえずHTML、で挫折。 そんなにスラスラ読めるならと思い、じゃあ実際にやらせてみるのが早いな、と思って下記の本を買い与えました。 ふりがなJavaScriptはもともと知っていた、というか購入して読んだこともあり、こりゃ良書だ!と思っていたのに更にキッズ向けの書籍まで!!天才!!と思って購入。 中身を見てみたらHTMLから、ハイパーリンクを使ったゲーム的な内容からスタートだったので「天才!!」と思って目の前でやってみせることに。

  • Webアクセシビリティやろうぜ!!を実践するためにWebサイト構築チェックシートにこっそり盛り込んだ話

    本日から全国的にお仕事再開ですねこんばんはー!! Webサイトを構築するとき、様々なフェーズでチェックする項目がたくさんあるかと思いますがみなさんはどのようにしてこれらをクリアにしているのでしょうか? そんなわけで、手始めに僕がWebサイトを構築する際にチェックをしていく項目とその補足を紹介して、みなさんにこうしたら良いよ、足りないよ、と教えてもらいたいなって思います。 僕がチェックするポイントは約300ほど。 これらの殆どは息を吸うようにチェックしています。嘘です、結構抜けます。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のWeb業界で働く若者の味方、ma-sanです。 僕が所属している会社では多くのチーム及びクライアントごとに最適化されたチームビルディングが行われているため、「クライアントのサービスに特化したWebサイトの運用・構築」を主なサービスとしています。 その主要サービスを支えるために多種多様なスキルをサービス化し、子会社が生まれたり、個々の強みとして更に会社全体が向上していく、という流れです。 割りかし泥臭いやり方でもありますが、これらは「ド安定」させることはなかなか難しいのではないでしょうか? 今現在、僕が所属している会社で僕が死んでも誰でも同じことができるように、結構多くのナレッジシェアをしています。 10年ほど前でしたら僕が最も得意な領域は直接手を動かす「フロントエンドエンジニアリング」でしたが、いまでは「データ・経験則に基づいた設計・構築」が得意な領域になっています。 個人的な課題としては、如何にして所属している企業に自分自身でマネタイズできるか、というものですが、とりあえず失敗しまくったろか、という気概です。 このようにして、自分自身の領域を展開していっているかというと「自分自身でやれるようになったことはあとは廃れていくだけ」という認識を持っていて、「できた!」となった瞬間に「自分がこれで食っていけるのはあと何年かな」という計算に移ります。

  • マズローの法則から学ぶWebアクセシビリティの重要性

    みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のナースの味方、ma-sanです。 さて、今回なんですけれども、とある理由で看護師の国家資格試験の勉強をしているのですが、一番気になったものが「マズローの法則」です。 欲求5段階説とも呼ばれていて、人間が持つ欲求は5段階あるという説です。 とはいえ、これが本当に正しいのか、という証明はなかなか難しい説もあったりするのですが、それを証明したり議論するための記事ではありません。 これからWebアクセシビリティと照らし合わせ、マズローの法則を満たすアプローチを考えてみます。 ページ内リンク 1.生理的欲求 2.安全の欲求 3.社会的欲求 4.承認欲求 5.自己実現欲求 まとめ:欲求を満たすためにはアクセシビリティは不可欠 Webアクセシビリティというものは、Webにおける品質であり、土台であると考えられます。 なお、Webアクセシビリティにおけるガイドラインには4つの原則があるので下記が原則です。 Web Content Accessibility Guidelines (WCAG) 2.0 4つの原則 原則 1: 知覚可能 - 情報及びユーザインタフェース コンポーネントは、利用者が知覚できる方法で利用者に提示可能でなければならない。 原則 2: 操作可能 - ユーザインタフェース コンポーネント及びナビゲーションは操作可能でなければならない。 原則 3: 理解可能 - 情報及びユーザインタフェースの操作は理解可能でなければならない。 原則 4: 堅牢 (robust) - コンテンツは、支援技術を含む様々なユーザエージェントが確実に解釈できるように十分に堅牢 (robust) でなければならない。 というわけで説明入ります。 1.生理的欲求 読んで字の如し、生理的な欲求です。なにか食べたいとか、トイレに行きたいとか、眠りたいとか。 そしてあらゆる欲求の最下層にありながらもこの欲求が満たせないとほかの欲求を満たすこともままなりません。

  • 「西野亮廣 エンタメ研究所」が非常にアクセシブルな場になっている件

    先日、「西野亮廣 エンタメ研究所」に入会したという記事を公開しましたが、あれから数ヶ月経ってみての感想です。 一言で言えば、「非常にアクセシブルな場として運営されている」ということです。 西野亮廣エンタメ研究所 ※入会は上記URLからどうぞ ページ内リンク 西野亮廣はただのトリガーにすぎない 月額1000円で著名人にアクセス 場はFacebookなのでアクセスは容易 受動的なサロンメンバーによる有益なコメント 鎖国であるが故に情報連携とスピード感 マジョリティもマイノリティも勝たせる設計 まとめ:とっとと入会しとこう 西野亮廣はただのトリガーにすぎない 西野亮廣氏はキングコングの片割れでもあり、ツッコミ役である。最近ではテレビにさっぱりでなくなり、たまに出たと思ったら劇団ひとりに菊の紋を開発されるような人である。 そんな氏は、今では様々なアプローチでエンターテイメントを開拓し、その上でしっかりとお金を動かしている。芸人でここまでしっかりとマーケティングができるというのはなかなかいないのではないだろうか。 しかし、ここで氏の行動でとてもおもしろいことがある。 様々なことにチャレンジしたり、炎上するようなことがあったりするのも、氏なりのストーリーがあり、そのストーリーにアクセスしてもらうために多種多様なアプローチを試みてるのだろうと取れる。 彼は万人と遊ぼうとしているわけではない、まずは一緒に遊んでみないか?と誘ってくれているのである。 遊ぶ約束をしていないけれど、突然家の外から「あ〜そ〜ぼ!」と遊びの誘いをしてくる親友のように。 そんな氏が運営しているオンラインサロンでは、氏の投稿が毎日のように行われている。 月額1000円でアクセス しかし、氏が毎日投稿することに月額1000円の価値があるのだろうか?と問われればそれはとっとと試してみるのが良い。なぜなら、このオンラインサロンというのは西野亮廣氏が様々なアプローチ、投稿に対して「読む」「聞く」「考える」などなど、利用者によって大きく変わるのだ。 ただ、冷静になって考えてほしい。 月額1000円、それも別に1年間とか2年間居続ける必要もない。気に入らなければとっとと退会すればいい。

  • 【仙台初売】2020年のケーファー福袋、すごく良くなってる気がする件

    ケーファーの福袋を毎年買うのが楽しみ。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のハム好きの味方、ma-sanです。 みなさんは決まった習慣はありますか? 僕はあります。 毎週月曜日の朝にジャンプを購入して、12時には昼食を取り、定時に必ず帰り、20時には家事全般を終わらせる。 日頃行っていることを安定してできると、仕事もプライベートも充実していると感じます。 そんな中、毎年仙台初売りで楽しみにしているのはケーファーの福袋です。 ハムが大好きな僕、これには歓喜。 というか去年よりも内容がよくなっている気がする。生ハムが増えたとかですかね。 毎年の楽しみは大事にしたいものですよね。 2020年はモノだけではなく楽しむ体験を買う年にしたいものです。

  • 2020年はWebアクセシビリティ思考の年

    あけましておめでとうございます。 2020年はなんだか特別な年になる予感がするきりの良い数字ですね。 みなさんこんばんは。 宮城県仙台市にてWebのちからで様々な情報にアクセスしやすくし、様々なパフォーマンス改善をしちゃったりする時にはWebディレクター、時にはWebプランナー、時にはWebエンジニア、時にはWebデザイナー。 世界中のラーメン好きの味方、ma-sanです。 今回は初心にかえって「Webアクセシビリティ」についてどのような思考が必要なのか、ということを書いていきたいと思います。 アクセシビリティとはなにか、というところについてですがアクセシビリティという言葉そのものが非常に広義な意味を含みますので、ここでは「Web」に関することにフォーカスをあてます。 題して Webアクセシビリティ思考 Webアクセシビリティ思考とは、「誰でも様々な環境からWebにアクセス可能にする思考」をWebアクセシビリティ思考と定義します。 実際のロジックなどは後々公開、というかどんどん考えていきたいと思いますが、可能な限り多くの方々、なおかつWebの専門知識がなくても届くように工夫しようと考えています。 今年もよろしくお願いいたします。

カテゴリー一覧
商用