セカヤサフリーランスエンジニア&Web制作者💻小林 秀樹 @hideki_climax フリーランス8年目 | 「世界一初心者に優しい」→セカヤサ 初心者が5年後も10年後も仕事を奪われない人になるための発信中。 HTML/CSSが一番得意。 JavaScriptﾁｮｯﾄﾃﾞｷﾙ 技術ブログ：itokoba.com セカヤサBooks：zenn.dev/hideki_climax?… tan-band-c66.notion.site/37abe7077b184b…
chrome拡張機能の『x-zombie-killer』を導入したらインプレゾンビ全員消え失せたのでガチ有能過ぎる→｢消したゾンビの数が討伐数みたいに表示されるの好き｣
セカヤサフリーランスエンジニア&Web制作者💻小林 秀樹 @hideki_climax フリーランス8年目 | 「世界一初心者に優しい」→セカヤサ 初心者が5年後も10年後も仕事を奪われない人になるための発信中。 HTML/CSSが一番得意。 JavaScriptﾁｮｯﾄﾃﾞｷﾙ 技術ブログ：itokoba.com セカヤサBooks：zenn.dev/hideki_climax?… tan-band-c66.notion.site/37abe7077b184b…
非デザイナーは「生成AI」でどこまでUIデザインを作れるのか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の永松です。 私が在籍しているTechnology部ではさまざまなシステム・アプリ開発を手がけています。 しかし、部内にはデザインやUIUXの知見がまだ足りていないのが実情です。 実際にデザインをするときは、他部署のデザイナーに力を借りることがほとんど。 ……近年こんなに生成AIが進化しているのであれば、これらを使って自分でデザインを作成することはできないものでしょうか？ WF（ワイヤーフレーム）の作成だけでもいいんです。これらが誰でもできるようになれば、もっとお引き受けできる案件も増えるはず。 というわけで、今回はクライアント提案に耐えうるデザインを生成AIでどう作るのか、試行錯誤した結果を紹介します。以下のツールについて感想をまとめていますので、ぜひ参考にしてください。 今回試したサービス ChatGPT Midjourney(+Vary Region) Fram
こんにちは！株式会社Rabeeの新人デザイナーのakaneです🏋 今回は、先輩に教えてもらった「ワイヤーフレームの作り方」を紹介します。わたしはこの方法で作るようになってから、ワイヤーフレーム作りが楽しくて、Webデザインの大好きな工程のひとつになりました。 このワクワク感を、ぜひたくさんの新人デザイナーとシェアできればと思います！どうぞ最後までお楽しみください✍ はじめに：ワイヤーフレーム（WF）とは？ワイヤーフレーム（「WF」と省略することも）は、Webサービスの制作過程で必要になる設計図のこと。例を挙げると、以前に私が個人的に制作した音楽教室のLPでは、以下のようなワイヤーフレームを作りました。 ワイヤーフレームは、Webサイトやアプリの中で「どんな情報を、どんな順番で見せるのか？」を決める骨組みです。ここで決めた内容が、後工程のデザインに大きく影響します。 ちなみに、ワイヤーフレ
WordPressブロックテーマで一新された、ブログデザインと制作フロー 2023年12月に、このブログのWordPressテーマをリニューアルしました。 その際、あえてこれまでのWordPressテーマ制作手法と違う手法で制作したため、この記事では新しいWordPressのテーマ形式である「ブロックテーマ」について解説をします。 今回のWordPressテーマ制作手法 今回のブログリニューアルの際に、あえて行った手法は以下の通りです。 これまで主流だったクラシックテーマではなく、これから主流になる（と思われる）ブロックテーマと呼ばれる新しいテーマ制作手法で制作する FigmaやAdobe XDのようなデザインツールを使用しない WordPressのフルサイト編集機能でデザインする HTMLとCSSを書いてからWordPressテーマに変換しない functions.php にコードを追加
リンク Wikipedia 東京マルチ・AI専門学校 東京マルチ・AI専門学校（とうきょうマルチ・エーアイせんもんがっこう）は、東京都新宿区にある専門学校。JR新大久保駅と大久保駅の間に位置している。略称はTMC（Tokyo Multi・AI College）。デザイン、ゲーム、アプリ開発、Web制作、情報処理などの学科を設置する東京都認可の専門学校。学園の教育理念である「個性の伸展」のもと、これまでに多くの卒業生を送り出している。 (※旧 東京マルチメディア専門学校) 全国でも学費の負担が少ない専門学校のひとつである。 マンガ・イラスト・デザイン、ゲーム、
ベネッセホールディングスは10月27日、生成AIとノーコードツールの導入により、Web制作業務の効率化に成功したと発表した。「進研ゼミ 中学講座」のWebサイト制作する際、従来かかったコストが4割減、制作期間は8週間から3週間へ短縮できたという。2024年4月以降には既存のWeb業務プロセスを全面的に改革し、生産性の向上を図る。 ベネッセは7月から、進研ゼミのWebサイト制作・運用業務に生成AIとノーコードツールを導入するPoCを実施。これまで多くの工数が発生していた作業を、生成AIを活用することで効率化できるか検証した。3カ月の検証結果で、業務プロセスを抜本的に改革することに成功し、11月から新体制での制作・運用へ段階的に移行する。 生成AIによる効率化の例には、ライティング業務の自動化がある。紙のダイレクトメール用に作ったコピーを流用するのではなく、「Webに最適なコピー」を生成するA
現代では、ビジネスを行う企業や個人事業主にとってホームページは必須の存在です。 中でも、使いやすく拡張性の高いWordPressは多くの方から選ばれています。 しかし、数多くのWordPressを使ったホームページ制作会社が存在する中で、自社に最適な業者を見つけるのは容易ではありません。 そこで今回は、Webサイト制作の専門家がWordPressのホームページ制作会社の中から、おすすめの制作会社を8社まで厳選してご紹介します。 それぞれの会社のサービス内容、料金相場、運営実績、評判などの基準を総合的に判断し、厳選した会社のみをご紹介。 WordPressを使ったホームページ制作の依頼を検討している方は、ぜひこの記事を参考にしてください。 WordPressのホームページ制作会社8選【2024年版】 WordPressのホームページ制作を行っている会社の中から、おすすめの制作会社を8社まで厳
グリッドシステムのフレームワークを作ってみた
はじめに この記事では私が普段使っている、グリッドシステムを使ったレスポンシブなデザインカンプのフレームワークを紹介します。主にデザイナー初心者や1~2年程の経験者向けの内容です。 フレームワークを作成した経緯 私は仕事で主に所謂Web制作と言われるWebサイトのデザインと実装を両方やっており、業界的に納期が短い中でいかに高いクオリティのものを作るのかが課題だと感じています。深夜や休日も使ってなんとか仕上げることも業界全体の傾向では少なく無いと感じますが、どうしても限界があるので何かしら効率的なものが必要だと思いました。 そこでデザインカンプを作成するときにデザインの情報としての配置にデザイン4原則を取り入れて、ロジックに則ったレイアウトを設計できるフレームワークを作り、レイアウトに迷う時間を短縮しようと考えました。フレームワークを元にすることで、そのサイトならではのコンセプトを体現したレ
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：ハンバーグはじめて物語（デジタルリマスター） ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes 私たちはいつだって五郎さんでいたい 下宿の部屋で布団に入ったままむしゃむしゃとおはぎを食べる……。そう、『ドラえもん』のてんとう虫コミックス10巻「アパートの木」に出てくる大学生の五郎さんだ。 てんとう虫コミックス『ドラえもん』第10巻 27ページ 小学館 1990年 第84刷より のび太がママからのおつかいでお重に入ったおはぎを差し入れたときのこのアクションは、脳内のいつでも取り出し可能な場所に入っている。 私たちはいつだって布団に入ったまま寝そべっておはぎが食べたい。
2023年、Web制作・デザインに役立つ記事の総まとめ
2023年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 2023年のもっとも大きなニュースの一つは、ChatGPTをはじめとするAIです。どのジャンルでもそうですが、完全に任せるのではな
Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル
htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページの一部を更新することを可能にする JavaScriptライブラリです。HTML属性の拡張により簡単に使用できるようにし、結果として、コードの可読性が向上し、将来のメンテナンスも容易になります。これらの特徴から、htmx はウェブサイト制作の現場での活用が期待されます。 簡潔さとアクセシビリティ: htmx は、複雑な JavaScriptコードを書かずに、HTML 内で直接動的な振る舞いを宣言することを可能にします。これにより、Web開発がよりアクセスしやすく、より理解しやすくなることを意味します。 非同期リクエストの簡易化 : htmx は、Ajaxリクエストを簡単に実装するための属性を提供します。これにより、サーバーへの非同期リクエストを簡単に行い、ページの一部を更新できます。 導入の容易さ :
異国での失恋後のぐちゃぐちゃな感情について
2024年始まってから散々なんだが！！！！！！世界のこと許さないからなこのカス！！！！！ 4月も終わるのでもういい加減立ち直りたいが、時間が経つと怒り以外にも寂しさ、悲しさ、いい思い出、憎めないことがぐちゃぐちゃに混ざりさらにカオスな心境になってきた。 渦中にいるときは全体像が把握できないし、何より感情も時間差で処理されるので後になっていろいろと噴出してくるのだ。 そして、ぽつぽつと人に話すと高確率で、文章に感情をまとめると整理されるという助言をもらうので散文を匿名ダイアリーに投げることで成仏を試みる。フィクションです。 知り合って3年、付き合って2年ちょい、1年半同棲していた彼氏から1月に別れを切り出されたことからすべては始まった。 その時になんて言われたのかを思い返してみよう。 「なんか、求めてるエネルギーと違うんだよね。違和感があるというか。。。。会話も出会った頃から弾まないんだよね
2023年10月5日頃、X (Twitter) でOGP画像が設定されたWebページの URLをツイート（ポスト）しても従来のようにページのタイトルや概要が表示されなくなり、OGP画像とドメイン名だけが表示されるようになりました。 このままでは、画像の投稿 なのか、リンクの投稿なのかが分かりにくくなり、「画像だと思ってタップしたら外部のページに遷移してしまった」とか、逆に「リンクだと思ってタップしたら画像だった」ということで困っている方もいらっしゃるようです。 Webメディアを運用している方や、 私のようにブログを運用している場合などは、 このままではサイトへの流入が減少するため困ると言う方もいらっしゃると思います。 そこで、この記事では、「閲覧者側」と「メディア運営者側」と「ツイート（ポスト）投稿者側」それぞれにできる対策をまとめました。 投稿者側の対策については、閲覧者側の対策の下に書
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：コーヒーチェーンのパスタに蟹の爪が乗るということ ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes ベローチェになんで炒飯があるのかよ コーヒーチェーンのベローチェにはよく世話になる。 現在は宮城県から福岡県まで全国に157店舗があるそうだ（取材時しらべ）。 うち95店舗が私の暮らす東京都内に位置し、都民的には街を歩いているとそれなりに見かける喫茶チェーンである（知らなかったのだけど、カフェ・ド・クリエと珈琲館もベローチェと同じグループ会社なんだそうだ）。 雨のある日、駒沢店へまいりました 価格帯が安いのが特徴で、以前より値上がりしたとはいえ、コーヒーはレギュラーサイ
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：丸美屋「混ぜ込みわかめ」の種類の多さに私は明日まで立ち尽くす ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes ケーキ屋さんで、どうしていいかわからなくなる 場所は江東区、清澄庭園のちかくに京橋千疋屋製造直売店はあった。 オープンからすこしたった時間にお伺いすると、開店と同時に入店したらしい先客さんがあれこれと熱心によどみなく商品を購入していて直売店の迫力を感じる。 ひっそりとある たのもしき「製造直売所」の文字 入ると正面のケースにフレッシュケーキ、ゼリー、左側にアイスクリーム、右側に焼き菓子やジャムなどなどが並ぶ。 店内はすっきりコンパクトだが選択肢は多く、見れば
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：ミラノサンドにローストビーフを挟む、サイレント贅沢 ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes ずっとずっと、カレーに本気 めちゃくちゃでっかく「無印良品」と書いてあることでおなじみ、無印良品 渋谷西武へやってきた 無印良品のカレーラインナップの幅のすごみについてはご存じの方のほうが多かろう。 まだグリーンカレーがタイ料理店でしか食べられない珍しいものであった2000年ごろから、無印良品にはグリーンカレーと、イエローカレーと、レッドカレーのレトルトが並んだ。 そして「あのときのすごさ」を、無印良品は今なおすごい勢いで更新し続けている。 ずっとずっと、カレーに本気
こんなスライド資料はNG！残念な資料を伝わる資料に変えるための11のポイント【実例付き】 | 株式会社 エスファクトリー
こんなスライド資料はNG！残念な資料を伝わる資料に変えるための11のポイント【実例付き】 公開日:2023.09.06 / 最終更新日:2023.09.12 「資料の内容ちゃんと伝わっていますかー？」 市場調査レポートにしろ、Webサイト改善資料にしろ、ビジネスで活用する資料は関係者に意図を理解してもらい、アクションを促すことが重要です。 それなのに、 「内容が理解されない」 「担当者の反応はよかったのに返答がない」 さらには「〇〇を知りたかったんだけど」と言われ 「いや、それは資料に書いてありますけど・・・」 と、せっかく時間をかけて作った資料が全然伝わってないことに愕然としたことはないでしょうか？ もしそうなら、それはいくつかの重要なポイントが抜け落ちているからかもしれません。 そこで、この記事では、クライアントや関係者へのスライド資料が、より魅力的に伝わりやすくなる資料作成のコツ
【無料】高精度&爆速で文字起こしが終わるAIツール「Gladia」がスゴイ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、インハウスマーケティング部のかけるです。 生成AIによってライティング業務の効率化が進むなかで、「文字起こし」は生成AIが得意とする領域の一つです。 今回は数ある文字起こしAIのなかでも、実際に使ってみて良かった文字起こしAI「Gladia」について、その使い方や魅力をご紹介します！ 「Gladia」は精度が抜群 https://www.gladia.io/ まず前提として、Gladiaの文字起こしの技術には、OpenAIがオープンソースとして公開している文字起こしAI「Whisper」が活用されています。 Gladiaの大きな魅力は、なんといっても音声から文字を起こす（Speech-to-Text）際の精度の高さです。 一般的に、音声認識の精度は「単語誤り率 （WER）」という、その音声認識モデルが音声をテキストへ変換する際にどれぐらい間違えてしまったのかという評価尺度があり
20人超えのチームを一年、退職者ゼロでのりきった”マネジメント”でやったことリスト。 - 笑顔を創りたいWebディレクターの日常
こんばんちは、スーパー太っちょWebディレクターです。 スーパーは太っちょにかかります。 ※すんげー長い記事になったので、ビール片手にでも読んでもらえればなのです。 ぼくはちょうど1年前あたりから２０人超えチームのマネージャーをやっているのですけども。大変だったけど、なんとか退職希望者ゼロで１年間乗り切ることができまーしたーのですー。ぱちぱちぱちー。 （必ずしも退職者を出さないことがベストだとは思いませんけどもね） だが、ふと周りを見回すと、もしかしてこれはあんまり普通のことではないのかもな？と思ったりして。なぜなら、年が明けて1月になると周囲の部署から少ない数の退職希望者が出ていて。弊社は全社で数千人、僕が所属しているEC部門だけでも２００〜３００人ぐらいいる。 だからまあ、そりゃ退職者がたくさん出るのもある程度は仕方ないし、12月の賞与が出て、まとまった有給休暇も付与されて（1月1日付
Webデザイナーとして御用聞き（≒奴隷）が嫌なら、Webの話をやめよう。 - 笑顔を創りたいWebディレクターの日常
こんばんちは、スーパー太っちょWebディレクターです。 スーパーは太っちょにかかります。 僕はいま大きな事業会社にいて、そこでWeb制作チームのマネージャーをやっているんですけども。元は（というか本職は）Webディレクターであり、最近、久しぶりに現場におりて自分でWebディレクターをやっておりまする。 とある自社サービス（ブランド）の公式サイトリニューアルを受け持ち、そのWebサイト戦略的なものをやっているのだけど、まあ、これがほんと、偉そうにやっているw いや、偉そうというのは結果であって、要するに 「toksatoさんの言うことを聞くべき！言う通りにしよう！」 ぐらいの流れを作っております。 我ながら悪徳宗教みたいなこと言ってる。 もちろん悪徳宗教のようなことはしないし、きちんと自社のため、そこにいる担当の利益になることを考えて、Web戦略設計をしておるのでありますのよ。 ただ、どうあ
はじめに こんにちは。株式会社JMDC プロダクト開発部の蘇です。主にWebとアプリの画面仕様の設計とUI/UXデザインを担当しています。 今年、JMDCではアドベントカレンダーに参加しています。 qiita.com 本記事は、JMDC Advent Calendar 2023 20日目の記事です。 現在、JMDCのヘルスケアプラットフォームサービスである【Pep Up】ではデザインシステム導入に向けて動いており、さらなるサービス品質向上とユーザビリティの改善に向けて力を入れております。 その構築に関わっているデザイナーとして、デザインシステムについて取り上げるべきかなと思ったのですが、書いてみたいものがあったので、そちらはまたいずれどこかでご紹介できればと思います。 その代わり（代わりではないですが笑）に、このアドベントカレンダーに、弊社のフロントエンドエンジニアである新保さんが、イン
高評価な短編ADV『ファミレスを享受せよ』開発者・おいし水にインタビュー。ビジュアル&サウンドのルーツや新作についても訊いた | Game*Spark - 国内・海外ゲーム情報サイト
大好評の短編ノベルゲーム『ファミレスを享受せよ』。筆者はこちらの記事で詳細なプレイレポートを書かせていただいている通り、同今作の大ファンなのですが、今回はその開発元である月刊湿地帯のおいし水さんにインタビューを実施しました！ 『ファミレスを享受せよ』制作の背景から新作『METRO PENGUIN EUTOPIA』の情報まで様々な質問を投げかけましたので、既にプレイされた方もこれから遊ぶ予定の方もぜひチェックしてみてください！ ――最初に、自己紹介をお願いします。ゲーム制作を始めたきっかけや、サークル名の由来なども併せて教えてください。 おいし水さん（以下、敬称略） おいし水（すい）と申します。月間湿地帯というウェブサイトを月イチで更新しつつ、ゲーム制作をしています。現在は『METRO PENGUIN EUTOPIA』という新作に取り掛かっております。 ゲーム制作についてですが、元々小学生の
コーポレートサイトでの htmx 実装をデモサイトで試してみよう | htmx | ブログ | a-blog cms developer
2024年2月、JavaScriptライブラリ htmx の発見から始まり、短期間でその可能性に引き込まれ、以下の3つの記事を書きました。 JavaScript ライブラリ htmx と a-blog cms は相性が良さそうだ | kazumich.log kazumich.log htmx という JavaScript のライブラリが、2023 JavaScript Rising Stars : Front-end Frameworks で 2位 になっているが、日本ではあまり聞かない。私自身も最近知ったばかりだが面白そうな... Ajax 通信を簡単にする htmx の基本と実践 | フロントエンド | スタッフブログ | 名古屋のCMS構築・Web制作会社 アップルップル appleple htmx は、JavaScript のコードを書かずにサーバーとの非同期通信を実現し、ページ
お久しぶりです。東京の端くれでひっそりデザイン会社を営むおりです。 最近、協力先企業においてデザイナーの採用をお手伝いすることが増えてきたのですが、その際に見えてきた最近のWebサービスのUXデザイナーの傾向について、やや引っかかる部分があったので、またぞろ筆を取った次第です。 UIやUXという言葉は広く一般に浸透してきたこれはとても喜ばしいことです。特にゲームなどの影響もあり、一般ユーザーであってもUIとUXの概念や関係性を正しく理解し、言及することが多く観測されるようになりました。 で、広く一般に浸透してきたということは、それらを作るデザイナーも増えてきたのかな？と思っていたのですが、どうやらそうでもないようで採用活動には大変苦戦しているという状況でございます・・・。 最近のUXデザインという業務の認識について募集要項上で職種としては、インターフェースの画面設計を独力で完結して欲しいの
こんにちは、Technology部のジョシュです。 今日は、最近バズっている生成AIモデル「Claude 3」と「GPT-4」を比べてみましょう！ 生成AIが絶え間なく進化し続けるなかで、2024年3月に登場したAnthropic社の大規模言語モデルClaude 3。OpenAI社のGPT-4と比較され、多くの議論を呼び起こしています。 この記事ではこれら2つのモデルを深掘りし、それぞれの特徴、能力、そして生成したコードの結果を比較しながらご紹介します。生成AIのトレンドを知りたい方やAI開発に関心を持つ方々のご参考になれば幸いです。 GPT-4とClaude 3の概要 OpenAI社が開発した言語モデルGPT-4は生成AIを広めたモデルとして非常に有名で、様々なタスクをこなす能力があります。そんな中で3月に登場したAnthropic社のClaude 3は、いくつかの分野ではGPT-4を上
最近Sassを使ってないなぁって話
2023年10月26日 Webサイト制作 初学者向けの記事やSNSの投稿で「Sassはマジで必須！」なんて書いているのを見かけますが、私の場合、そういえば最近は素のCSSばかりでSassは使っていないなーと思ったので記事にしてみます。私自身Sassが大好きでずっとお世話になっていましたが、CSSの進化も著しく、使い所があまりなくなってきているんですよね。 ↑私が10年以上利用している会計ソフト！ 変数やネスト、計算はCSSだけでOK 過去記事「Sass不要！CSSだけでも変数やネスト、演算子が使えるよ！」でも書いたとおり、Sassのメリットでもある変数やネスト、数値の計算はCSSだけでも可能です。 変数は過去記事「CSSで変数（カスタムプロパティ）を使ってみよう」で紹介したように、メディアクエリーによって柔軟に変化させたい時は、SassよりもCSSのカスタム変数の方が便利です。計算式を使い
なぜWebサイト制作は失敗しやすいのか？巨大プロジェクトから学ぶ成功の鍵とは | [マーケターコラム] Half Empty? Half Full?
みなさん、こんにちは。瀬川義人（@motoy0shi）です。 突然ですが、みなさんはWebサイト制作で「こんなはずじゃなかったのに……」という経験はありませんか？ お恥ずかしい話、私はあります。 かつて自社のWebサイト制作に関わったときのことです。制作のプロジェクトマネージャーとして入ったのですが、始まって早々、別の急ぎ案件が入ってしまい、なかなか時間が捻出できず、プロジェクトが停滞。さらにいざ再開してからも、思わぬトラブルに巻き込まれてしまいます。 結果的には納期が数ヵ月遅延し、工数もかなり超過してしまいました。思い出すと、今でも苦い気持ちになります。 データを調べてみると、Webサイト制作での失敗は意外と多いようです。ナノカラー社の調査によれば、71.7%の回答者がWeb制作会社に依頼して”失敗した”と感じた経験があるそうです。 なぜWebサイト制作は失敗するのでしょうか？ リスクを
![なぜWebサイト制作は失敗しやすいのか？巨大プロジェクトから学ぶ成功の鍵とは | [マーケターコラム] Half Empty? Half Full?](https://cdn-ak-scissors.b.st-hatena.com/image/square/d23cf81b7a6487d6a77c8e0118638b3c45b8cf13/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2017%2Fhehf%2F2024%2Fhehf124_segawa_ogp.png%3Fitok%3D538XqiVb)
東京生まれ、神奈川、埼玉育ち、東京在住。Web制作をしたり小さなバーで主に生ビールを出したりしていたが、流れ流れてデイリーポータルZの編集部員に。趣味はEDMとFX。（動画インタビュー） 前の記事：トリュフオイルをさがす時間をありがとう ～紀ノ国屋 トリュフオイル仕立 海苔佃煮おにぎり ＞ 個人サイト まばたきをする体 Twitter @eatmorecakes エコバッグは店で買う物ではないと思っていた と、目のエコバッグの前に、エコバッグというものそのものについていったん語らせてもらってもいいでしょうか。 そもそも私はエコバッグというものは新品をちゃんと買って得るものではないと思っていた。 生きてるだけで増えないですか？ エコバッグって。 ノベルティとしてもらったり、紙袋代わりにしれっとやってきたり、ありがたくも友達がくれたりする。 当サイトのライター、ほりべのぞみさんデザインの品。こ
【2023年総まとめ】特に秀逸だったWebサイト｜9組のキュレーターでお届けする特別版｜田渕 将吾 (Shogo Tabuchi)
2023年もあと数日ですね⛄️🎍 毎年この時期になると、その年に印象的だったサイトをご紹介する記事を書かせていただいていましたが、なんと今年は、僕だけではなく、日頃からWebデザインへのアンテナの感度の高い『8組のゲスト』をお招きした特別企画をお届けします。 毎年楽しみにしていた方も、初めて見てくださる方も、 S5-Style Presents 「2023年総まとめ 特別版」をお楽しみください！😃 それでは、まずこちらの方からからです！ -- 01 平尾 誠 (ARUTEGA Inc)👤💬 素晴らしいサイトの中から、題材が難しいサイトや、情報設計が秀逸なサイトを気づいたら選んでいました。今回の企画に参加するにあたり、普段からいろんなサイトに追いつきたくて、モチベーションをいただけている事に気づけました。 株式会社HA-RUhttps://ha-ru2017.co.jp/島根のダクト
歯科医院にとって、ホームページは患者との接点となる重要なツールです。 しかし、いざホームページを制作しようと思っても、どこから始めれば良いのか、どの会社にHP作成を依頼すれば良いのかと迷ってしまう方も多いのではないでしょうか。 そこで今回は、歯科医院に特化したホームページ制作会社を厳選して8社ご紹介します。 各社のサービス内容、技術力、制作実績、料金、口コミなどを比較検討して、最適な会社を見つけてください。 関連記事 病院・クリニック・医院におすすめのホームページ制作会社 整骨院・整体院・接骨院などの治療院専門のホームページ制作 歯科医院におすすめのホームページ制作会社8選【2024年版】 歯科医院のホームページ制作が得意な会社の中から、おすすめの会社を8社まで厳選しました。 歯科医院のWeb制作会社8選 EXACT あきばれHP歯科事業部 Ciホームページ デンタルウェブ Method
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
2024年3月の、これだけは押さえておきたいWeb関連の動き
2024年3月の、これだけは押さえておきたいWeb関連の動き 「Web系の最新情報を知りたいけど、日々業務が忙しくて追いかけられない」という方のために、1ヶ月のWeb系ニュースの中で「これだけは押さえておきたい」というものを1つの記事にまとめています。 デザイン・Figma・UI Canva、Affinityを買収 Adobe対抗のデザインツール大手 個人的に注目のニュースだったので、記事を書きました。 CanvaによるAffinity買収は「Adobeとの競争への大きな一歩」である – Stocker.jp/diary Iconbuddy — 100K+ open source icons アイコン素材検索サイトです。 Figmaが生成AI機能を強化へ、アイデア出しや付箋の要約などをサポート／ディラン・フィールドCEOが「Figma」の今後の展望を語る 「UIの色を変えただけで大量のクレ
自然言語でWebサイトを作れる「Create」 KEITO（以下、KEITO）：はい。次は、今ものすごく話題になってる「Create」です。 池田朋弘氏（以下、池田）：知らないです。 KEITO：ご存じないですか。この1週間でめちゃくちゃ話題のサービスになっていて、自然言語でWebサイトを作れるものなんですけど。ChatGPTでもコードを吐き出したりできるので、Webの形を作るのはなんとなくできそうだとは思うんですけど。Createだと、その作ったWebサイトに機能を入れることができるんですよね。 具体的に言うと、この右側が、僕が作ったやつです。「KEITOチャットAI」と言って、「こんにちは」と送れば、裏側でChatGPTが動作してしっかりと返してくれる。このチャットボットを、本当に30分ぐらいで作りましたね。しかも僕、プログラミングなんて一切できないので。本当に自然言語だけで「チャット
スクロールに連動して要素が画面内に入った際にアニメーションを行う実装のメモです。 スクロール連動アニメーションのコードと実装例スクロール連動アニメーションの実装例 JavaScriptの実装はGitHub Gistに纏めています。コードにはTypeScriptを使用していますので、TypeScriptを利用していないWeb制作現場で使用する場合はChatGPTなどに依頼してJSファイルに変換してください。
※全ウイイレファンも読むといい この記事は「インターネット老人会 Advent Calendar 2023」11日目の記事です。 というわけでこんばんちは、スーパー太っちょWebディレクターです。 スーパーは太っちょにかかります。 ↑の自己紹介どおり、僕の本業はWebディレクターでして、とある大手企業のEC部門で自社ECサイトの運用やそれに関わるWeb制作なぞをやっております。つまり、お仕事もインターネットなわけでございます。 そんな僕がインターネットに出会ったのは１９９９年。 専門学校生であった。 今日は、その当時を振り返りつつ、「あれは、あの時代だからこそ起きたことなんだろうなぁ」という、ひとつのエピソードについて書き残しておきたい。 そんなわけで、うぇぶぎょうかいのむめいでぃれくたーのお時間です。 ■目次 １９９９年、インターネットと世の中。 我が家に起きた怪奇現象 「WE HOLI
Web制作やアプリ開発で、ChatGPTにしてもらうと便利なことをまとめた解説書 -エンジニアのためのChatGPT活用入門
※本ページは、アフィリエイト広告を利用しています。 今年は、Webサイトの制作やアプリの開発にAIを活用するシーンがさらに増えそうですね。「HTMLで入力フォームを作って、CSSはBootstrapで。」「MySQLで商品名・価格・在庫数を管理するデータベースを作って。」とお願いすれば、AIはすぐに適切なコードで作成してくれます。 Webサイト制作やアプリ開発の現場でChatGPTにしてもらうと便利なことをまとめた解説書を紹介します。 本書は、ブラウザ版のGPT-3.5をメインに導入方法をはじめ、ゼロからWebアプリを作ったり、在庫管理システムを作ったり、作業負担を軽減する小さなプログラムを作ったり、サイトの仕様書や規約などのドキュメントを書いたり、と実際に作りながらその使い方を学べる解説書です。最後の章ではGPT-4でのより完璧なコードで作る方法もあります。
Web サイト制作の学習で JavaScript になると途端に感じるハードルを下げるためのコツ ｜https://wp.yat-net.com/name
2023年 11月 01日 Web サイト制作の学習で JavaScript になると途端に感じるハードルを下げるためのコツ カテゴリ： JavaScript タグ：学習 ハロウィンというイベントにブログを書いています、こんにちは。 ここ数年 Web サイト制作の学習を始めた方が一気に増えた感じがありますね。HTML や CSS などエディタに簡単なコードを書くだけでブラウザに文字や画像が表示された感動は今でも忘れられません。 そこから気づけば20年ぐらい Web 制作の業界で仕事をしているのですが、僕もひとに教えることが増え多くの人が JavaScript が難しいという意見をよく聞くようになりました。 実際 HTML や CSS とは違い、プログラミング特有の言葉が一気に押し寄せるものは途端にやる気を阻害し、自分には向いていないと感じるひとも多いと思います。 僕自身は専門学校でプログラ
ChatGPTでSEOを効率化するアイデア9選【プロンプト付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
インハウスマーケティング部・SEO担当の井上です。 今年5月、Google検索でAIによる回答を表示する「AI Overview」が正式にリリースされるなど、SEO界隈においても生成AIはさまざまな影響を与えています。僕自身も普段の業務で生成AIを使用することが増えており、今や仕事に欠かせないパートナーとなりつつあります。 そこで今回は僕自身も普段使っている、ChatGPTを活用したSEO業務の効率化アイデアを9個ご紹介します。リサーチ、ライティング、分析・コーディングと用途別に分けてご紹介しますので、ご参考になると幸いです。 SEO関連のリサーチで活用する方法3選 1.キーワードのアイデアを出す SEO記事の制作にあたり、どんなキーワードを対策すればいいのかヒントをもらうのに活用しています。たとえば「Web制作のお問い合わせを伸ばすために必要なSEO記事のキーワードを教えて」のような簡単
＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 QiitaやZennなど、ITエンジニアさん同士での情報共有を目的としたメディア。正直、Webディレクターの私が見ていてもチンプンカンプンな内容が多いのですが、それでも読み物として勉強になるので、よく拝見しています。 読む専門のITエンジニアさんも多いかもしれませんが、個人的には、自身のノウハウは積極的にアウトプットしていくのをオススメします。 「人の役に立つから」「自分の認知を広げられるから」など理由はさまざまですが、一番はシンプルに「自分のスキルとして定
CSS Gridのしっかりとした知識とレイアウトやUIコンポーネントを実装するテクニックを学びたい人にお勧めの解説書 -作って学ぶ HTML+CSSグリッドレイアウト
※本ページは、アフィリエイト広告を利用しています。 CSS Gridをそろそろ真剣に覚えないと、思っている人にぴったりの解説書を紹介します。 Web制作系の解説書で評価が高いエビスコム様の最新刊で、本書もかなり充実した内容となっています。CSS Gridの基礎知識はもちろん、基本のグリッド、さまざまなレイアウトやUIコンポーネントの実装も豊富で、簡潔なコードでかなりしっかりと解説されています。 本書は、先週発売されたばかり！ Web制作に携わる人すべてにお勧めの解説書。HTMLとCSSに携わるコーダーの人はもちろん、こういうレイアウトやコンポーネントができるというのがよく分かるのでデザイナーやディレクターの人にもお勧めです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ワイヤーフレームは“しゃべりながら”つくる｜akane
WordPressブロックテーマで一新された、ブログデザインと制作フロー
【時代】とある専門学校の看板に「メディアの死」を感じる「あまりにも風刺」「胡散臭く見えるな…」
生成AIでWebサイト制作を8週間→3週間に短縮 ベネッセ、業務効率化でコスト4割減に成功
WordPressのホームページ制作が得意な会社8選！おすすめのWebサイト作成会社【2024年】
スポーツせずに食べるスポーツようかんとスポーツカステラとスポーツお餅
X (Twitter) で従来のようにOGP画像にタイトル等のテキストを表示する方法まとめ
ベローチェで炒飯食べてどうすんだ ～タッカルビ炒飯、おいしかったです
京橋千疋屋の製造直売所に行ったら完全に笑顔がはじけてしまいました
無印良品はカレーの店だしIKEAはジッパーバッグの店だという、店との関係性の築き方
「Webデザイナー」、おぼえていますか - JMDC TECH BLOG
最近のUXデザイナー志望者の傾向とWebディレクター不要論について｜おり
Claude 3とGPT-4のコーディング性能を比較！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ただ目の描いてあるエコバッグを買っただけでひとりじゃなくなったはなし
歯科医院におすすめのホームページ制作会社8選！歯医者専門のHP作成業者を厳選
エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
プロに依頼するほどでもない画像加工を自分でこなすには？ 「AIを使って画像をどうにかきれいにしたい」人を救う、実務で使えるツール
スクロール連動アニメーションの実装例 – TAKLOG
あの時、たしかにそこに”日本を代表する者”がいたと思うんだ。※全ウイイレファンも読むといい
テックブログ執筆に役立つ心構え - paiza times