【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか？ ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの？ ・結局一番言いたいことはなんなの？ ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
note.com 僕の間違いじゃなければ、時々はてなのブログでコメントを頂いた方のように思う。Python関係で。大変お世話になりました！ 法人の設立にあたっての事務処理と、会社運営のお気持ち編を、自分の体験からまとめてみます。2016年6月にノリ（そうだ独立しよう）だけで起業して7年ほどひとり。今は2人体制になった。 会社を大きくする方法はなんもわからんので、そういう内容を期待される方はすいません！沿わないと思う！ 1. 決算処理は専門家に任せたほうが良い 自分は前職の会計事務所でお世話になったため、起業当初から会計事務所を利用させてもらっている。年間30万弱。決算処理込み。 6月1日に創業したけど、タイミング的に6月になっただけで、深い意味はなかった。会計事務所的に3末はGW進行と重なるので避けたほうがいいかも。 決算処理は確認しないといけない事項が多すぎて、素人がいくら確認しても漏れ
ブラウザからDBに行き着くまでただまとめる
はじめに あなたはブラウザからデータベース(DB)に情報が行き着くまでにどんな技術が使われているか説明できますでしょうか？ どのようなプロトコルが用いられ、どの技術を駆使してサーバと通信しているのか、Webサーバでは何が行われ、どのようにして負荷が分散されているのか、トランザクションはどのように管理されているのか、そしてデータベースではシャーディングや負荷対策のためにどのような対策が取られているのか… なんとなくは理解しているものの、私は自信を持って「こうなっている！！」とは説明ができません。 そこで今回は「大規模サービス」を題材としてブラウザからデータベースに至るまでの、情報の流れとその背後にある技術について、明確かつ分かりやすく解説していきたいと思います。 対象としてはこれからエンジニアとして働き出す、WEB、バックエンド、サーバーサイド、インフラ、SREを対象としております。 1.
こんにちは！東芝UIデザインチームnote事務局の小林Jです。 みなさんは「使いやすさ」について、どのように考え、どのようにデザインしていますか？ちゃんと「使いやすい」ものづくりができているか不安になったことはありませんか？ そんな時によりどころになるのが「人間工学」です。 「人間工学」とは、人間にとって使いやすく、安全な道具や製品、システムを考える学問です。人間特性をもとに環境や道具の使い勝手などを研究する学問でもあります。 「人間特性」とは、知覚から認知、身体に至るまで人間特有のあらゆる機能や性質のことです。どうしてそのような行動をするのか、という原理を知っていることが、モノづくりや仕組みづくりをする人たちにはとても大切なんです。 弊社デザイン部門には人間特性ワーキンググループという専門チームがあり、デザイン部門内で情報共有や勉強会を行っております。 noteにも「人間工学シリーズ」と
弊社Nucoでは、他にも様々なお役立ち記事を公開しています。よかったら、Organizationのページも覗いてみてください。 また、Nucoでは一緒に働く仲間も募集しています！興味をお持ちいただける方は、こちらまで。 はじめに 人は見た目が9割 皆さん一度はこの言葉を耳にしたことがあるのでしょう。内面がどれほど素晴らしくても、外見がそれに見合わないと、なかなか本当の価値を認めてもらえないものです。 この話は人間だけでなく、アプリケーションにも当てはまります。どれだけ内容が素晴らしくても、見た目がイマイチだったり使い勝手が悪かったりすると、ユーザーに敬遠されてしまいます。(私は以前ネ⚪︎フリからア⚪︎プラに切り替えたのですが、使いにくく感じたため、すぐに元のサービスに戻しました) エンジニアの皆さん、優れた技術力を持ちながら、デザインが原因でユーザー離れを招いていませんか？そうならないよう
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
独力でWebサービスを開発・構築できるフルスタックエンジニアへのロードマップ─幅広いスキルを「Udemy夏のビッグセール」で学ぶ！ - はてなニュース
Webで新規サービスを立ち上げる際に、UIからインフラ周りまで一人で面倒を見られるエンジニアは、少人数のスタートアップでなくとも非常に頼れる存在です。どんな課題に直面しても技術力で乗り越える、そんなスキルフルなエンジニアに憧れる方も多いでしょう。 この記事では、フロントエンドのプログラミング（JavaScript周辺）からサーバーサイド、インフラ、さらに開発手法まで、Web開発で必要になるさまざまなレイヤーのフルスタックなスキルの現在地と、関連するUdemyの講座を紹介します。 株式会社ヘンリーでVPoEを務める松木雅幸（@songmu）さんの執筆です。 フルスタックエンジニアに必要なスキル さまざまな講座でまとめて学習してみよう Udemyでは夏のビッグセールを開催中！ ※この記事は、株式会社ベネッセコーポレーションによるタイアップ広告です。記事末に、はてなブックマークした方にAmazo
2024年10月15日午前8時頃、モリサワによって写研書体がリリースされ、Morisawa Fontsにて使用可能となりました。 これは歴史の一大転換点であり、個人的にはデザイン・印刷史上、 モリサワがAdobeにPostScriptフォントを提供(1989) MacOSXにヒラギノ書体を標準搭載――“ヒラギノショック”(2001) フォントワークスがフォントの定額サブスク「LETS」を開始(2002) に匹敵、もしくは超えるターニングポイントであると考えています。デザインやフォントに詳しい方でないと、なかなか伝わらないと思いますが。 ちなみに写研というのは元々、こういうものです。まずはご覧ください。 これは現在のデザイン・印刷業界で主流のデジタルなDTPワークフローが登場する前の、手動写植機やフィルムを使用していた時代の雑誌制作風景です。 これがデジタルに移行していく過程で現在主流になっ
Google Analytics 4 で正しく理解しておくと安心な「指標」８選（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4 の本格利用がGoogle Analytics終了とともに始まり、多くのサイトや企業が移行を完了したと思われます。しかしGA4は新しい計測形式になり、混同しやすい内容が増えました。特に今までGAを使っていた人ほど、誤った理解で設定を行ったり、数値の定義を間違えて理解してしまいます。 そこで今回は誤った理解をされがちな数値を８個まとめてみました。普段なにげなく使っている指標も実はこんな仕様だった！というのを理解しておくと、適切な指標を選んだり、説明できたり出来るようになります。 みなさんが正しく仕様を理解できているかを１つずつチェックしながら、ぜひ本記事をご覧ください。 「設定」編も参考にしてみてください。 Google Analytics 4 でミスされやすい・誤解されやすい「
最近、ときめいてますか？ 起伏のない日常が輝くひとさじのスパイス。それが「間接的なコミュニケーション」です。 手紙やチャットアプリを介して会話しながら 「この人、もしかして私のこと……？」 と悶々とする時間には、月餅を凌ぐ栄養価があります。 しかし、そう簡単にときめく機会など訪れないのが世の常。 だったら…… のではないでしょうか。 つまりこういうことです。 「架空の社員」を創造して仕事中にチャットとかでやりとりしたらめちゃくちゃ楽しいんじゃないの！？ ということで今回は を開催いたします。 この記事はSKYN®の提供でお送りいたします。 今回、社内チャットで競い合うのはこの3人！ 原宿：株式会社バーグハンバーグバーグの社員でオモコロ編集長。アイドルと妄想で会話するファンサイトを運営していたことがある。 恐山：株式会社バーグハンバーグバーグの社員。小学生のとき、ノートに架空の住民票を書いて
Google Analytics 4 以外でウェブサイトを分析・改善するための無料ツール群とオウンドメディアでの活用法（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4はアクセス解析ツールのスタンダードとして、多くの企業やサイトに導入されています。しかし利用ハードルが高いのもまた事実です。数多くあるレポートや、自由度が高すぎて迷ってしまう探索レポート、独自の用語なども沢山あり、利用に苦労されている方も多いのではないでしょうか。 そこで、GA4以外でウェブサイトのユーザー行動を理解し、サイト改善するためのツールを厳選して紹介します。今回紹介するツールは無料で利用できるものをピックアップしています。無料プランと有料プランの両方があるサービスの場合は、その旨を記載しています。また、無料でも期間限定のサービスは追加していません。 数多く紹介することを目的とせず、全て筆者が利用している（あるいは利用経験があるもの）に絞り込み、その中で良かったと思うツー
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、Webアクセシビリティの初心者が基礎を学ぶときに助かった資料を紹介します。各資料に対する説明も掲載しているので、どうぞ最後までお楽しみください🌏 ※冒頭、Webアクセシビリティに関する前提知識の紹介が長くなっています。本編を読みたい方は「資料①｜ざっくり知ろう」からご覧ください。 ※今回は、デジタル庁等の引用元にならって「障害」の表記を使用します。 ※noteの内容に誤りがございましたら、お手数ですがコメントやSNS等でご指摘いただけると幸いです。 はじめにまずは、Webアクセシビリティに関する基礎知識の整理からスタートします。最近よく耳にする「合理的配慮」のことも振り返ります。 WebアクセシビリティとはWebアクセシビリティとは、文字通りWebサービスにおけるアクセシビリティのことです。 アクセシビリティは「アク
［インタビュー］ゲーム業界でがんばっ定年！ サクラ大戦をドット絵から“今の感じ”に転換させたグラフィッカー，吉田 徹氏（58歳）
［インタビュー］ゲーム業界でがんばっ定年！ サクラ大戦をドット絵から“今の感じ”に転換させたグラフィッカー，吉田 徹氏（58歳） 編集部：楽器 カメラマン：永山 亘 セガ ジャパンアジアパブリッシング事業本部 マーケティング本部 Webデザイン部 部長の吉田 徹氏 ゲーム業界では秀作を生んだクリエイターが名を上げ，いつしか会社の顔となり，界隈の代弁者として，業界の印象を形成してきた。 しかし，彼らの総数は業界従事者の1％ほどだろう。その裏には開発のみならず，広報や経理，社内エンジニアにカスタマーサポートなど，名を上げずとも人生を生きる99％側の“名もなき戦士たち”がいる。 言い換えればそれは我々であり，世界の大多数だ。 ゲーム業界自体，未成熟ゆえの輝きがあった昭和・平成時代とは違い，今では就業規則に福利厚生にコンプライアンスにと成熟した。大手を中心とする一部メーカーでは徐々に“定年退職者”
働きながら子どもの不登校と向き合い「キャリアは常に右肩上がりじゃなくてもいい」と気付いた #仕事と子ども - りっすん by イーアイデム
フリーランスで編集やWebデザインの仕事をしているbranco MICHIYOさんに、「子どもの不登校と仕事の両立経験」についてつづっていただきました。 お子さんが小学校に入学して少し余裕が生まれ、キャリアアップを目指して動き始めたタイミングで始まった不登校。お子さんと向き合う時間の中で、自身の働き方についてあらためて見つめ直したといいます。 ＊＊＊ 家庭との両立でキャパオーバーになり「仕事」を減らすことに 第一子が1歳になるタイミングで転職した事業会社に、私は唯一のデザイナー兼広報の正社員として入社した。唯一のデザイン職採用というプレッシャーの中、「結果を残したい」と意気込んでいたが、予想以上に子育てとの両立は大変だった。 とにかく子どもが寝ない。さらには環境の変化に敏感で、しょっちゅう熱を出す。毎週の病院通い、遅刻早退は当たり前。一方で夫は不規則なシフト勤務で急な休みが取りづらく、さら
オウンドメディアサイトの評価に役立つGoogle Analytics 4のカスタムレポート作成ガイド（寄稿：小川卓） - はてなビジネスブログ
株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4には多様なレポートや機能が備わっており、どれを利用すれば良いか迷うことが少なくありません。複数のレポートを行き来しながら見るのも手間ですし、改善に直接役立ちにくいレポートや指標もあります。 そこで今回は、オウンドメディア向けのGA4カスタムレポートの作成方法と見方について紹介いたします。まずはこのカスタムレポートを見ておけば、各記事の評価が適切に行えるようになります。 カスタムレポートとは？ 作成するカスタムレポート カスタムレポートを見る上でのポイント カスタムレポートの作成方法 最後に カスタムレポートとは？ GA4のレポート内にある機能で、任意のディメンションと指標を選んで表を作成することができます。必要な項目だけを表示することができるため、必要なデータに絞り込むことが可
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
2023年、生成AIへの注目度が一気に上がったとき、「AIに人間の仕事が奪われるのでは？」という議論がウェブ制作界隈でも巻き起こった。 その後、「AIは仕事を楽にしてくれるもの」「AIは人間の仕事を奪わない」という考えが主流となり、一旦は落ち着いているように思う。 あくまでSNSで観測している範囲だが、ウェブ制作界隈は生成AIに対する発信が少なく、他分野と比べてあまり強い関心を持っていないようにも見える。特にデザイナーの関心が低く、当社内でもエンジニアとライターは積極的に生成AIを使っている一方で、デザイナーの生成AI活用は緩やかである。 それだけデザイナーの業務は複雑性が高く今の生成AIでは対処しにくい、ということでもあるのだろう。また、デザイナーの職業選択動機やこれまで培ってきた努力を根こそぎ否定しかねない存在だから真剣に向き合いたくないという緩やかな抵抗感、意外と保守的で価値観や手法
2024年9月18日 Webサイト制作, 便利ツール PodcastでノーコードツールでWebサイトを作ってみよう！STUDIOって最近よく聞くよねー！気になるねー！というお話になり、実際にひとつ簡単なWebサイトを作る予定もあったので、STUDIO使って制作してみました！ ↑私が10年以上利用している会計ソフト！ STUDIOとは？ STUDIOは、HTMLやCSSでコードを記述する必要のない、ノーコードでのWebサイトデザインや制作ができる国産ツールです。サーバーの設定も不要で、STUDIOだけで設計から制作、公開までを一括管理できます。 日本製というのがポイントで、海外のツールやテンプレートで作ったWebサイトを日本語にした途端にダサくなったりしちゃうんですよね。しかしSTUDIOではモリサワが提供する500種類以上のフォントが使えるため、日本語でもデザイン性の高いWebサイトが作れ
ITエンジニアにおすすめしたい本を選ぶイベント「ITエンジニア本大賞 2024」（主催：翔泳社）の最終プレゼン大会が2月15日（木）に開催され、技術書部門の大賞にManaさんの『1冊ですべて身につくJavaScript入門講座』（SBクリエイティブ）、ビジネス書部門にラファエル・ヴィアナさんの『チームを動かすIT英語実践マニュアル』（アルク）が選ばれました。 CodeZineを運営する翔泳社が毎年2月に開催しているITエンジニア本大賞は、ITエンジニアに読んでもらいたい本を選ぶイベントです。一般投票で技術書部門とビジネス書部門のおすすめ本を募り、各部門から得票数の多い3冊ずつがプレゼン大会に出場。会場での最終投票によって大賞を決定します。 今回も計6冊の著者と編集者がプレゼン大会に臨み、著書の狙いや内容について紹介。満席の会場での投票によって、技術書部門ではManaさんの『1冊ですべて身に
株式会社RabeeでUI/UXデザインをしているmayukiです 0→1を生み出す瞬間、プロジェクトのエンジンとなれるようなばちイケデザイナーを目指しています。 突然ですが…こんなお困りごとありませんか？💭 「デザイナーとしてクライアントの要望をうかがう際に、何を聞いたらいいかわからない」 「ヒアリングしてきたものの、いざ手を動かし始めたらわからないことがポロポロ…」 「クライアントに聞きたいことがたくさん出てきてしまった…」 今回は、webサイトやアプリのデザインの制作を受注する想定で、クライアントへの初回ヒアリングをする際にデザイナーとして聞くべき最低限のことをまとめました。 ※保存版のためなかなか長い記事となっています。 この文章はこんな方におすすめです ・デザイナーになりたてのジュニアクラスの方 ・スクールに通ったり独学で勉強したのでそろそろクラウドソーシングでお仕事を受けたい方
みなさま、こんにちは🐰 株式会社Rabeeでデザイナーをしているkoppiです🐝 2023年6月頃に登場したFigmaのvariables(バリアブル)、なんだか難しそうで尻込みしていましたが、挑戦してみました。 今回はColorについて、手探りながら分かったことをここにまとめます。 variablesって聞いたことあるけど、何ができるの？ Figmaでどうやって設定するの？ という疑問をお持ちの、まだvariablesに触れたことのない方向けの内容になっています。 variables(変数)ってなに？ある値(カラーコードやサイズなど)を箱に入れて、名前をつけたものです。 これを使うと、何度も同じ色やサイズを使うときに、簡単に一度に変更できるようになります。 variableのイメージvariablesで管理できる4つのタイプ今回はColorについて取り上げますが、variablesで
![[Figma]variablesの使い方-Color-｜koppi](https://cdn-ak-scissors.b.st-hatena.com/image/square/7887fa501c1209f95d6058efd1f820703510eb36/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F145053186%2Frectangle_large_type_2_8bbc091e3094ad5d252e85b08b41fd52.png%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
偶然の出会いから始まったSEOコンサルタントの道。アユダンテ・江沢真紀に聞く日本のSEOの課題 - ミエルカマーケティングジャーナル
様々な領域の「知」を求めて、有識者の皆さんと対談する連載「 #知の探索 」。インタビュアーは、当社の本田卓也が務めます。今回のゲストは、国内におけるSEOコンサルティングの先駆的存在である、アユダンテ株式会社のSEOコンサルタント、江沢真紀さんです。 アユダンテ社の創業メンバーでもあり、2001年よりSEOに携わり続けている江沢さん。これまでに手がけた100サイト以上のプロジェクトで、多くの成果を出してきました。また、SEOを学ぶ定番書『いちばんやさしい新しいSEOの教本』の著者としても活躍しています。 そんな江沢さんとSEOとの出会いは、まさかの偶然によるものでした。過去のエピソードを紐解きつつ、江沢さんが思うSEOの面白さ、現在のSEOが抱える課題などを伺いました。 （執筆・撮影：サトートモロー 進行・編集：本田卓也） Webデザイナー志望からのSEOとの出会い 本田： 江沢さんとは以
SI業界やWebサービスばかりが取り上げられますが、ソフトウェアエンジニアが活躍できる場はたくさんあります。今回は色々な業界を歩いた経験とコンピュータサイエンスの修士までで学んだ知識から簡単に色んな業界を紹介したいと思います。 ご報告ですが、サポートを受けてしまいました。すごく嬉しく励みになり、記事書かなきゃなという気持ちになりました。ありがとうございます！ 正直、コメント拒否のための課金500円位は月にサポート頂けると励みになるというか、マイナスをあまりに計上するようなら辞めるかなぁ、という感じはあるのですが、とりあえず、noteさん推奨するコメント拒否機能を有料にするの辞めてもらえませんか？それで二の足踏む人もいるでしょう。商材屋割合も高まるでしょう。コメントは励みにもなると思いますが、正直、性善説が通用しない世界では毒が強過ぎます。世の中、やばいノイジーマイノリティが思ってるより多い
Figmaで実装しやすいデザインをつくるための心がけ
こんにちは🌤 ソーシャルデータバンクのデザインチームでインターンをしている河合です。 普段の業務では、弊社のプロダクトであるLinyのUI改善やデザインシステム構築に関する業務、さらに社内で使うシステムのUIデザインをしています！ この記事では、私が他職種（主にエンジニア）にとって見やすいFigmaでのデザインデータ作成を行うために、日頃心がけていることについてお話しできたらと思います。 前提：UIデザインに従事するのであればマークアップの知識はあったほうがいい 「デザイナーはコードも理解できたほうがいいのか？」という議論は業界でたくさんあるかと思いますが、個人的にはデザイナーもエンジニアリング領域の知見は持っておいたほうがいいと思っています。 なぜならデザイナー（特にこの記事でいうデザイナーはデジタルプロダクトのUIデザイナーを指す）は、「絵を描く人」ではなく「開発者」である からです
先週、久しぶりに15年以上の付き合いになるエンジニアと話をした。 彼は、今でもプロダクト開発の第一線で活躍していて、大規模な開発案件を多数こなしている。そんな彼に聞きたかったことが、タイトルにもあるデザインシステムについて。 昨今のデザインシステムの潮流、その整備のあり方について、僕（主にIAとして担当）が感じていることを伝えた上で、エンジニア視点で見た時に思惑の違いがあれば指摘して！ということをお願いした。 実は、ここ数年のデザインシステムを取り巻く動向について、個人的に気になっていた。僕らのような設計者（もしくはディレクター）が、どのように向き合い、何を考慮すべきかを理解する必要があるわけで、それを社内のディレクター陣に共有しようと考えていた。そこで勉強会用の資料を作ったが、せっかくなのでnoteでも全部公開する。 デザインシステムの概要デザインシステムとは、企業が自社プロダクトの開発
概要 2ヶ月遅刻ですが、2023年4月～2024年3月で読んだ本145冊のうち技術寄りの本から52冊をざっくり紹介します。 オススメ度は10段階です。 1年目。 2年目。 プログラミング言語 実践Rustプログラミング入門 オススメ度★6 章ごとに1つのプログラムを作成しながら、Rustとそのエコシステムの特徴を学べる形式の本です。Rust哲学や文法解説は少なめです。 Rust学習者にはプログラミング初心者が少なく、質の高い公式ドキュメントも充実しているため、この形式の本は多い印象ですが、その中でも最もポピュラーな本です。 多様な用途を紹介する都合で作成するプログラムも多様で、これは好みが分かれるかなと思います。「ざっくり出来ることが分かればいいので後半は読み流すだけで、あとは自分で作りたいものを作りながら学ぶ」という人にはオススメです。一方で、マトモにコードを理解して環境構築して動かそう
はてなブログで迷わずスタート！1記事目を投稿するまでの設定【全ステップをやさしく解説】 - ゆううつな僕はブログに就職
「ブログを始めたいけど、何から手をつければいいの？」 そんな疑問を抱えているあなたのために、 はてなブログを使ったシンプルで効果的なステップガイドをお届けします！ この記事を読むことで、以下のことがわかります 自分の興味やテーマにぴったりなブログの選び方 はてなブログの基本設定と使い方のコツ 読者の心をつかむ記事の書き方と魅力的なタイトルの付け方 SEO対策でブログのアクセス数をグングン増やす方法 読者を惹きつけるコンテンツ作りの秘訣 この記事では「はてなブログ」で1記事目を投稿するまでの 設定のステップをやさしく解説していきます。 順番に進めていけば、自然とブログの設定が完成します。 後は、記事投稿を思う存分楽しんでください。 具体的な例えもあるので是非参考に進めてみてください。 １．アカウントを作成しよう ２．ブログの目的を決める 1. 趣味や特技をシェアする 2. 日々の出来事やライ
2024年7月25日 AI, Webデザイン, 便利ツール AIはデザインやイラストを生成してくれるだけではありません。ファイルをアップロードすれば、その制作物の説明やレビューもしてくれます。その機能を使って、自分の作ったデザインのブラッシュアップをしてみましょう！ ↑私が10年以上利用している会計ソフト！ 無料ユーザーも OK！ChatGPT を活用する準備 様々な AI がありますが、私がメインで使っているのはChatGPTなので、今回はこちらを使った方法を紹介します。ChatGPT はチャット感覚で質問した内容に答えてくれる AI です。より精度の高い有料プランもありますが、無料でも利用できます。さっそく右上の「Sign up」から登録しましょう。 注意点として、無料プランの場合、機能の利用に制限があります。ファイルのアップロードや上位モデルの GPT-4o は一定回数利用すると制限
こんにちは。えのきいなです。 少し早めに記事作ろうかなと思ったのに結局予定通りの時間に開始した。 早め早めの行動ってなかなか出来ないですね。 先延ばし癖というか…期限がないと出来ないというか… ------ ・財布落とした →財布…もだし本とハンカチも落としました。1日で。。 金曜は仕事の後友達とショッピングをし、ゲーセンでクレーンゲームをし、ご飯を食べ、会計の時に財布がないことに気づきました。 これは食べたハンバーグ 鞄の中身全部出して、やっぱりない…なんで…って慌ててたら本をしまい忘れたようでこれは帰ってから気づきました。 ゲーセンまではあったのでそこで落としたのかも、と思ったけどもう店が営業時間外で取りに行けませんでした。 友達が立て替えてくれたのととりあえず落ち着くよう声掛けをしてくれて、店に電話もしてくれました。 財布の特徴を聞かれ答えると「それっぽいのを拾って落とし物センターに
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今日は、ノーコードツールの「STUDIO」を使ってWEBデザインギャラリーサイトを作ってみたので、こだわりや過程について書こうと思います。 STUDIOのCMS機能を使うにあたり、参考になった記事も紹介しています！ぜひご覧ください。 ※タイトルで「モバイルファーストって、何？」と思った方は、以下のnoteがおすすめです！とても勉強になります✍ はじめに｜作ったサイトの紹介タイトルでも少し触れていますが、今回わたしが作ったのは「モバイルファーストのサイトに特化したWEBデザインギャラリー」です。 モバイルファーストのサイトって、真ん中がつるつる動くのが非常にかわいいですよね？ あの挙動をたくさん眺めたいな〜と前々から思っていたものの、私が探した範囲では、モバイルファースト特化のギャラリーサイトは見当たらず。 それなら！という
Color in Life株式会社（本社：東京都千代田区、代表取締役：ストット玲奈）は、複数案件を抱えるフリーランスのためにセルフマネジメントを支援するAI案件管理ツール「Qocolor（コッカラー）」を2023年12月16日にリリースしました。 Qocolorは、まるで会社にいる優秀なマネージャーのように1人1人に合った効率的なリソース配分を提案し、プロジェクト進捗の全体像を可視化します。 このツールは、ユーザーが案件のスケジュールと理想的な労働時間を入力すると、それに合ったタスクの締め切りを自動的に算出する独自のアルゴリズムを搭載しています。また、シンプルかつスタイリッシュなUIデザインを通じて、フリーランスのセルフマネジメントを自然にサポートします。 サービスサイト：https://qocolor.jp アプリURL：https://app.qocolor.jp 若手フリーランスが抱
＜PR＞ 初心者向け！たった3つのステップで副業を本業に変える成功法則 | イッサP | Brai 経験ゼロでも稼げる！SNS運用代行で月50万円を実現するテンプレート | イッサP | Brain 未経験から始める！Webデザインで月10万円稼ぐ完全ガイド | イッサP | Brain 目次 目標達成の基本的な考え方 1. 泥臭いことをやらない 解決策：泥臭い行動を積み重ねる 2. 情報に踊らされる 解決策：情報の整理と集中 3. メンターをつけない 解決策：信頼できるメンターを見つける まとめ：月収100万円を目指すための3つのポイント 誰でも月収100万円を達成できる。 しかし、多くの人がその道の途中で諦めてしまい、実現できないことがよくあります。 ビジネスや自己成長の道を進む上で、どうしても避けて通れないのが「努力」と「継続」です。 この記事では、月収100万円を目指すにあたって、
【保存版】初心者でもHTMLでクイズを作る方法完全ガイド｜コピペで出来るカスタマイズ解説 | A'z DesignLife
HTMLでクイズを作りたいけど作り方がわからない コピペで簡単にクイズを作りたい クイズにバリエーションを増やすカスタマイズがしたい この記事は、上記のようなお悩みの初心者の方に向けてHTMLでクイズ作成の基本から応用までわかりやすく解説します。 クイズの作成方法をHTML→JavaScript→CSSと段階的に紹介し、具体的なコード解説も交えて説明します。 この記事を読むことで、独自のクイズ機能をWebサイトやブログに導入することができ、読者の関心を引き、サイトの滞在時間を伸ばすことが期待できます！ 特にコーディング初心者でも理解しやすいように、それぞれの要素をしっかり解説し、コピペで使えるコード例を用意しています。 また、当記事の最後には「そのまま使えるHTMLクイズのテンプレート」をダウンロードできるリンクも紹介しています！ クイズ HTMLの基本をマスターし、自分のサイトをさらに魅
達人出版会
［令和6年度］基本情報技術者 超効率の教科書＋よく出る問題集 五十嵐 順子 徹底攻略 データベーススペシャリスト教科書 令和6年度 株式会社わくわくスタディワールド 瀬戸美月 著 徹底攻略AWS認定SysOpsアドミニストレーター - アソシエイト教科書＆問題集［SOA-C02］対応 鮒田 文平, 長澤 美波, 日暮 拓也, 奥井 務, 渡辺 樹, 山下 千紗, 伊藤 翼 世界標準MIT教科書 アルゴリズムイントロダクション 第4版 第2巻 高度な設計と解析の手法・高度なデータ構造・グラフアルゴリズム Thomas H. Cormen, Charles E. Leiserson, Ronald L. … 問題解決の教科書 CITA式問題解決ワークブック 市岡 和之 はじめてのType-C電子工作 じがへるつ スッキリわかるJava入門 実践編 第4版 中山 清喬(著), 株式会社フレアリ
Juliaの長所 math.fabs(x)よりabs(x)の方がわかりやすい。 絶対値を計算する方法。前者はPythonで後者はJulia。 MATLAB経験者であれば、Juliaの方がより似ているので移行がしやすい。 ループが1から始まる。 計算速度が早い。 ただし、適当に書いて勝手に早くなるわけではない。 計算速度がきちんと高速になる書き方を身につける(=Juliaの仕組みを知る)必要がある。 Pythonの強み 数値計算分野以外の汎用性は圧倒的にPython。 JuliaでWebデザインとか(おそらく)しない。 そのため、研究者志望以外の学生に教えるならJuliaよりPython。 あるいはお手軽さ重視でR。 ゼミ生が就職活動で「Rを使ったことがあるか」を聞かれたらしい。 機械学習をするなら現時点ではPythonのほうが充実している。 ひょっとしたら、今後はJuliaのスピードが活か
Amazon EC2でWebサーバーを構築してみた〜インスタンス作成からSSH接続まで〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
新卒ブログとは？ 2024年4月に新卒入社したLIGメンバーが、日々の学びや気づきを綴るブログです。彼らがふだんどんなことを学んでいるのか、気軽にのぞいてみてください。 こんにちは、テクノロジー部の山﨑です。 本記事は、実際にサーバーを構築しながら、よく使われる用語や構築の仕方をわかりやすく解説するシリーズです。サーバーをろくに触ったことのない新卒の自分が、サーバー移管作業を任されたときの経験をもとに作成しましたので、ご安心ください！ 一緒に学んでいきましょう！ 今回はその第二回目で「AWSアカウント作成からSSH接続するまで」を実際に手を動かしながら解説していきます。 この記事に沿って進めると、EC2インスタンスの作成とEC2インスタンスへのアクセスができるようになります。インスタンスとは何か、SSHについて等わからない箇所は、前回の記事にまとめてありますので、そちらをご覧ください。 A
前回と前々回で日本ではSI業界とWeb業界ばかりがクローズアップされる(未経験出身が多くプレイヤーの多いフィールドなのもあると思う)ものの、もっとソフトウェアエンジニアの活躍の場はあるし、認知度の高い"汎用的な領域"でなく"専門領域"に面白さを感じる人もいるのでは？というような話を書き、補足記事で学位の有無での選択肢を触れました。 今回は専門領域で最低限求められるコンピュータサイエンス(以下CS)の基礎知識、および実際の仕事に繋がる専門領域のそれぞれの学術分野の科目について、どういった前提知識が求められるか、ということを大学の授業前提科目(prerequisite)の観点から見ていきたいと思います。 特に独学系のエンジニアやスクールでWebの入口を学んだ方も、CSや数学に関係ないプログラムを書いてきた人の参考になると思います。また、CS卒の方や自然科学系の専攻卒の方も学び直しや思い出す機会
きっかけ 費用 受講方法 コースの内容 所感 きっかけ UI・UXデザインに携わりたいと思ったところで、なんの実績も予備知識もない人は門前払いだろうと思い、知識やなんらかの作成実績となるものがほしいと考えていました。 色々と検索する中で、couseraでかの有名なGoogleのUXデザインのコースがあることを知りました。 👇Google UXデザインプロフェッショナル認定はこちらhttps://www.coursera.org/professional-certificates/google-ux-design このプログラムには、200時間以上の指導と、実際のUXデザインシナリオをシミュレートし、職場での成功に不可欠な何百もの実践ベースのアクティビティと評価が含まれています。コンテンツは高度にインタラクティブであり、UXデザインで数十年の経験を持つGoogleの従業員によって開発されて
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
誰も教えてくれない「分かりやすく美しい図の作り方」超具体的な20のテクニック
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
ひとり会社の起業について学んだ10のこと - GoTheDistance
デザインスキルを上げるならこれを読むべし！基本の人間工学記事 3選｜東芝 UIデザイン
【閲覧注意】イライラ不可避なUIデザイン10選 - Qiita
非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
写研書体だわ マジで写研だ ~愛のあるユニークで豊かなOpenType書体~｜祥太
「架空の女性社員」を演じて同僚を落とせ！ときめき社内チャット選手権 | オモコロ
Webアクセシビリティことはじめ【おすすめ資料5選】｜akane
生成AIの進化でウェブ制作会社が消える可能性があるという話 | knowledge / baigie
コーディングもするWebデザイナーがSTUDIOでWebサイトを作ってみた
ITエンジニア本大賞 2024、技術書部門とビジネス書部門の大賞が決定！ プレゼン大会をレポート
【2024年版】デザイナーが初回ヒアリングで聞くこと&聞き方まとめ｜mayuki@Rabee
[Figma]variablesの使い方-Color-｜koppi
IT業界の業界マップ｜string name; cin >> name;
ディレクターが押さえるべきデザインシステムの本質｜鈴木雅彦
SE 3年目で読んだ技術書52冊 - Qiita
ChatGPTでデザインのレビューをしてもらおう
親切にすること - キラキラしてなくてもいいよ
STUDIOで、モバイルファースト特化のWEBデザインギャラリーを作ってみた｜akane
フリーランスのセルフマネジメントを支援するAIマネージャー「Qocolor」が遂にリリース！
月収100万円を達成できない人の原因と共通点：成功するための3つのポイント - イッサPのつぶやき
数値計算初心者にPythonよりJuliaをお勧めする理由 | Tomoaki Yamada
コンピュータサイエンス学習マップ｜string name; cin >> name;
Google UX DesignUXデザイン プロフェッショナル認定の受講をはじめました｜ik