#WEBデザイン基礎・入門

[se-emily]

第4回 お勧めスキル「WEBデザイナー」になるための勉強法【稼ぐ 実践編】

[gajetttt]

徹底比較高収入が狙える副業ランキン

【徹底比較】高収入が狙える副業ランキン２０２５ https://ift.tt/frHpOJs 「副業で本気で稼ぎたい」 「月10万円以上の副収入を得るにはどんな選択肢があるのか」 「高収入が狙える副業にはどんなリスクや必要なスキルがあるのか   こような疑問をお持ち方は多いのではないでしょうか。2025年現在、副業を通じて高入を得ている人は増えていますが、その一方で「思ったほどげない」と挫折する人も少なくありません。   本記事では、**月収10万円以上を目指せる副業**を徹底比較、それぞれの特徴、必要なスキル、リスク、成功事例などを詳しく解説       * はじめに：副業で高収入を得るための現実   ** 高収入副業の定義   本記事では「高収入副業」を**月収10万円以を安定的に得られる副業**と定義します。これは一般的副業の平均収入（月3〜5万程度）をきく上回る水準です。   ただし、高収入を得るためには相応投（・お金・労力が必要であることを理解しておく必要があります。「楽して稼げる」という甘い誘惑には要注意です。   ** 高収入を得るために必要な3つの要素   副業で高収入を得るためには、以の3つの要素が重要です：   1. **専門性・スキル**: 市場価値の高いスキルや知識を持っていること 2. **時間投資**: 特にー時相当の時投資が必要 3. **継続力・成長意欲**: 挫折せずに継続し、常にスキルアップす姿勢   これらの要素のバランスが取れていると、高収入を得られる能性が高まります   ** 入とリス・時間投資のバランス   高収入が期待きる副業ほど、一般的にリスクや必要な時投資���大きくなる傾向があります。例えば：   - **低リスク・低時間資**: 収入は限定的だが、失敗のリスクも小さい（：クラウドーシング） - **中リスク・中時間投資**: それなりの収入が期待できるが、ある程度の時間とスキルが必要（例：Webライティグプラミン） - **高リスク・時投**: 高収入の可能性があるが、失敗のリスクも大きい（例：投資系副業、EC事業   自分のリスク許容やえ間間を考慮して、バランスの取れた選択をすることが重要です。   * 高収副業の選び方   ** 自分スキル・経験の棚卸し方   高収入業を選際ま自スキや験を観的に評るることが重要です：   1. **職務験**: 本業で培ったスキルや知識は何か 2. **資格・専知**: 持ってる資格や専門的な知識は何か 3. **趣味・関心**: 趣味や関心事で年りでいことか 4. **人脈・ットーク**: 活用でる人脈ネトークはあるか   これらを書き出してると意な強みが見つかることがあります。既存のスキルを活かせる副業から始めると、成功確率が高まります。   ** 時間投資と収入のバランス   副業に投資でき間と期待する収入のバランスを考ることも重要す：   - **週5時間未満**: 月5万円程度が現実的な目標 - **週10時程度**: 月10万程を目指る可能性あり - **週20時間以上**: 月20万円以上の高収入も視野   ただし、れあくまで目安であ、スルや効率によって大きく変わります。特に初期段階では、収入よりもスキルアップや実績作りを優先するこも大切です。   ** 短期的収入と長期産成の違い   副業には大きく分けて2つのタイプがあります：   1. **フロー型**: 労働時間に比例して収入が発生する（例：フリーランス業務） 2. **ストック型**: 一度作ったものが継続的に収入を生む（例：投資、コンテンツ販売）   高収入を持続的に得るためには、この2つをバランスよく組み合わせることが理想的です。短期的にはフロー型で安定収入を確保しなが、長的はストック型の産成を目指すう略が効果的です。   * 【キ用収入る副副業ンキング   ** 1. ITエンジニア・プログラミング   *** 概要と市場ニーズ   ITエンジニアやプログラマーとしてのスキルを活かし、ステムやWebサイト制なを請け負う副業です。2025年現在、IT人材の需要は依然として高く、特にAI、クラウド、セキュィなど分野では材いい。   - **収入安**: 月10万円〜50万円以上 - **必要時間**: 週10〜20時間程度 - **リスク**: ★★☆☆☆（比較的低い - **成長性**: ★★★★★（非常に高い）   *** 必要スキルと習得方法   必要なスキルは専門分野によっ異り一以下よようなスキルが求められます：   - プログラミング言語（JavaScript、Python、Rubyなど） - フレームワーク（React、Vue.js、Railsなど） - データベース（SQL、NoSQLなど） - バージョン管理（Git）   これらのスキルは、以下方で習得できます：   1. オンライン学習プラットフォーム（Udemy、Progateなど） 2. 技術書や公ドキュメト 3. 実際にプロジェクトを作りながら学ぶ   未経験からでも1年度の学習案件を受注できるレベルに達することも可能ですが、本格的高単価案件を獲得するに2〜3年の経必なースが多いです。   *** 案件の探し方と単価場   案件は以下の方法で見つけることでます：   1. クラウドソーシングサイト（Lancers、CrowdWorksなど） 2. フリーランスージェント（レバテックフリーランス、PEなど） 3. SNSやコミュニティでの人脈   単価相場は以のす   - 初心レベル: 時給1,500円〜3,000円 - 中級者レベル: 時給3,000円〜5,000円 - 上級者レベル: 時給5,000円〜10,000円以上   *** 収入アップのステップ   収入アップのためは以下のステップを踏むことが効果的です：   1. 小規模な案件から始め、実績積む 2. 特定技業に特し性高 3. ポートフォリオ充せる 4. 直接クライントと契約し、中間マージンをカットする 5. 継続的な案件を獲得する   *** 実際の成功事例   「本のSEの験を活かして、副業でWebアプリケーション開発を始めました。最はクラウドソーシングで小さな案件を受注していましたが、実績を積むうちに直接依頼が来るようになりました。現在は月に60時間程度の作業で、月30万円ほどの収入があります。特にAI関連の技術に特化したことで、単価アップにつなが（30代男）   ** 2. Webデザイ・UI/UXデザイン   *** 概要市ニ   WebサイトやリデインUI/UXデザインを請け負う業覚的に的なだけなく、使いやすさや目的達成に効果的なデザインが求められる分野す   - **収入目安**: 月10万円〜30万円以上 - **必要時間**: 週10〜20時間程度 - **リスク**: ★★☆☆☆（比較的低い） - **成長性**: ★★★★☆（高い）   *** 必要スキルと習得方法   必要なスキルは以下の通りです：   - デザインツール（Adobe XD、Figma、Photoshopなど） - HTML/CSSの基礎知識 - UI/UXの原則理解 - レスポンシブデザインの知識   これらスキルは、以下の方法で習得きます：   1. オンラインコース（Udemy、Skillshareなど） 2. デザインチュトリルやブロ 3. 実際にデザインを作成してポートフォリオを構築   未経験からでも半年〜1年程度の学習と実で、案件を受注できるレベルに達することが可能です。します。単なる「稼げる副業リス」ではなくあなたの状況に合った高収入副をぶための判断材料を提供します via 人気の副業を考察 https://ift.tt/3s2BVSD May 28, 2025 at 05:03AM

[takahashicleaning]

ＴＥＤにて

1984年に、ニコラス・ネグロポンテが語った5つの予測

（詳しくご覧になりたい場合は上記リンクからどうぞ）

MITメディアラボラトリーの創始者であるニコラス・ネグロポンテが数十年も以前に予測を語っています。

コンピューターをエキサイティングで楽しくするためのアイデアでした。

長い講演になりますので、3部に分けてお話しします。

第1部では、コンピューター操作を楽しくする方法やヒューマンインターフェースの特徴について、例をたくさんあげて紹介します。

シンプルに設計されたものや双方向性のある高度なインターフェースについてもできれば紹介します。

第2部では、新しい技術を紹介します。新しいメディアが間違いなく向かう方向です。これも手短にお話しします。

第3部は、これまでの成果です。楽しむという事について一番うまく説明できる例です。

ヒューマンインターフェースの特徴について、具体的な例をたくさんあげて紹介します。

シンプルに設計されたものや双方向性のある高度なインターフェースについても登場。

現在では、標準に搭載されているCD-ROM、ウェブ・インターフェース（現在のインターネット？）

それから、自動対応端末、iPhoneのようなタッチパネル入力、これはマッキントッシュ（Mac）の登場でマウスが普及し始めた頃に発表していますね。

コンピューターの処理能力の低さから、当時では実現は難しいと言われていて、飛躍的な処理能力の発展から現実味がでたためにiPhoneに搭載されたのかもしれませんね。

このようなインターフェースの包括的な概念は、変換装置が物理的特徴を利用するという事です。

圧力と接触。これによって今までになかったものを実現できます。性能。つまり、インターフェースの使いやすさだけに注目するのではなく、今までになかったものを生み出していこうと考えていました。

その他には大画面の電子書籍や「子ども1人に1台のラップトップ計画」など驚くほど的確です。

他には、音声と同期した動画はご存じだと思いますが、これは文章と動画が同期します。動画が再生されると動画に合わせて文章が強調されます（ここまでで第2部）

極限まで追求された素晴らしい日本の伝統文化の否定はしませんが、テクノロジーとハイブリッドにできれば良いかもしれません。

どう、デザインするかは、個人のセンスなので自己責任ですけど！

さて、3番目です。これで最後です。

いくつか例をお見せすると言いましたが、これはもっと遊びに近いものです。良い教育とは、よく楽しめるものでなければなりません。

最初の例は、最近の実験結果です。セネガルでパソコンを教材として使ってみました。機械に教えてもらうわけではなく、道具として使うのが目的ですから立場が逆転します。

「子ども1人に1台のラップトップ計画」です。この子が教師で機械が生徒なのです。

プログラミング技術は思考に似た手段ではありますが、子どもにプログラミング自体を教えるのは絶対に間違いです。

設計思想とか空間的概念の話に変わりますが、このために用意された3次元テレビに映し出された現実味のある顔とじっくり目を見合わせることができます。

次に、空間の同期が必要だという提案もしました。これは単純な話ですが、遠距離通信やコンピューターシステムの概念から自然に導かれるものではありません。

まさに設計思想とか空間的概念の話になります。テーブルに座った時の実際の位置がとても重要だと理解するための概念です。誰かが席を立って電話に出たりトイレに行くとき、空席とその人を結びつけることも現実にあります。

空席を何度も指さしながら 「この人は賛成しないよ」と言うこともありますね。空席が人を意味するので空間内の位置が重要です。

立体写真はARやVR。テレビ会議などにも、２０２１年の現在では使用されています。

以上、主な話題を抜粋してます。

詳しくは、ご覧になって下さい。

こういう新産業でイノベーションが起きるとゲーム理論でいうところのプラスサムになるから既存の産業との

戦争に発展しないため共存関係を構築できるメリットがあります。デフレスパイラルも予防できる？人間の限界を超えてることが前提だけど

しかし、独占禁止法を軽視してるわけではありませんので、既存産業の戦争を避けるため新産業だけの限定で限界を超えてください！

（合成の誤謬について）

合成の誤謬とは、ミクロの視点では正しいことでも、それが、合成されたマクロ（集計量）の世界では、必ず��も意図しない結果が生じること。物理学では、相転移みたいな現象です。性質が変わってしまうということ。

ミクロのメカニズムが個人同士の経済における仕組みであるのに対して、マクロのメカニズムは、国家間や経済全体の循環における仕組みだからである。

例えば、家計の貯蓄などがよく登場するが悪い例えです。前提条件が、所得が一定の場合！！所得が一定じゃない増加する場合は？これは、論じていませんので参考になりません！！（法人が提供する製品やサービスの価格も一定の場合も前提条件です）

１９３０年代のアメリカ経済が金融危機2008と似たような状態に陥った時、ケインズは、「倹約のパラドックス」というケインズ経済学の法則を発見しています。

それは、ポール・Ａ・サミュエルソン(1915-2009)が、近代経済学の教科書「経済学」の冒頭で「個人を富裕にする貯金は、経済全体を貧困にする！（所得が一定の場合）」というわかりやすい言葉で表現しました。しかし、庶民の所得が増加し、貯蓄が投資、消費に回る場合には、「倹約のパラドックス」は生じません。

その後、この「倹約のパラドックス」は、アメリカの経済学者・ケネス・Ｊ・アロー(1921- )が「合成の誤謬」を数学的論理に基づいて「個人個人がそれぞれ合理的選択をしても、社会システム全体は合理的選択をするとは限らない」を検証してみせた。

要するに、部分最適ではなく、全体最適させていくということ。

つまり、新産業でイノベーションが起きるとゲーム理論でいうところのプラスサムになるから既存の産業との

戦争に発展しないため共存関係を構築できるメリットがあります。デフレスパイラルも予防できる？人間の限界を超えてることが前提だけど

しかし、独占禁止法を軽視してるわけではありませんので、既存産業の戦争を避けるため新産業だけの限定で限界を超えてください！ということに集約していきます。

なお、金融危機2008では、マイケル・メトカルフェも言うように、「特別資金引出権（SDR）」は、2008年に行われた緊急対策で、一国だけで行われたのではなく、驚くほど足並みの揃った協調の下に国際通貨基金（IMF）を構成する188ヶ国が各国通貨で総額2500億ドル相当を「特別資金引出権（SDR）」を用いて世界中の準備通貨を潤沢にする目的で増刷してます。

このアイデアの根本は、元FRB議長であったベンバーナンキの書籍「大恐慌論」です。この研究がなければ、誰一人として、変動相場制での当時の状況を改善し解決できなかったと言われています。

それ以前では、固定相場制でのマーシャルプランが有名です。

続いて、トリクルダウンと新自由主義

インターネットの情報爆発により隠れていた価値観も言葉となり爆発していくことになった。

しかし、法定通貨の方が、その価値、概念に対する通貨量拡大として価格で応じることができず、圧倒的に通貨量が足りない状況が生まれていたのが、2010年代の問��点のひとつでした。

リーマンショックの後に、新自由主義が誤りであることが、ピケティやサンデルによって指摘され、当時のFRBバーナンキ議長が、通貨供給量を大幅に増やした対策により、ベースマネーの金融、銀行間の相互不信を解消して収束した。

それでも、まだ足りないが、適正水準に収まったことで、さらに価値も増幅され、マネーストックの財政政策から再分配、事前分配を大規模に行い、さらなる通貨供給量が重要となっている現在の日本国内。

例えば

Googleがしようとしてた事は、まだ新産業として、基礎研究から発展できない機械学習の先端の成果をすべて持ち込んだ社会実験に近いこと。

シュンペーターの創造的破壊は、一定数の創造の基礎を蓄積後に、未来を高密度なアイデアで練り上げてから破壊をするのが本質です。

こうして、憎しみの連鎖や混乱を最小限にする。

アルビン・トフラーの言うように、法人と行政府とのスピードの違いが縮まらないのは、構造上の違いであって、それを補うためにプラスサムな連携するということが、必要になってくることを説いています。

三権分立が、規制のないGAFAM���非政府部門としてMMT（現代貨幣理論）からプラスサムに連携したらどこで均衡するのか？という社会実験も兼ねています。

このような前提で、あらゆるインターネット企業が、創業時、貢献するためコンセプトの中心であったものが、今では、悪性に変質して違う目的に成り下がっています。

ジャロン・ラニアーも言うように、再分配、事前分配の強化がスッポリ抜けてる欠点があり、ここに明かしたくないイノベーションの余地があります！！

2021年には、新自由主義のような弱肉強食では自然とトリクルダウンは生じないことは明らかになる。

確かに、トリクルダウンは発生しないが、法律で人工的に同じ効果は、貨幣の再分配、事前分配という形にできる可能性は高い。

再分配や事前分配をケムにまく「金持ちを貧乏にしても、貧乏人は金持ちにならない」「価値を生み出している人を罰するつもりがないのであれば税に差をつけないほうがいい」（サッチャー）

とあるが、新自由主義は誤りで、ピケティやサンデルによると違うみたいだ

2024年のノーベル経済学賞でも指摘しているように・・・

国家システムが繁栄するかどうかは、幅広い政治参加や経済的な自由に根ざす「包括的な制度(ポジティブサム)」の有無にかかっているとデータでゲーム理論から実証した。

欧州諸国などによる植民地支配の時代のデータを幅広く分析し、支配層が一般住民から搾取する「収奪型社会(ゼロサム)」では経済成長は長く続かない（収穫遁減に陥る？）

一方、政治や経済面での自由や法の支配を確立した「再分配や事前分配を同時に行う包括型社会(ポジティブサム)」なら長期の成長を促すと理論的に解明した（乗数効果とは異なる経路の収穫遁増がテクノロジー分野とシナジーしていく？）

「再分配や事前分配を同時に行う包括型社会(ポジティブサム)」は、日本の高度経済成長時代のジャパンミラクルが、一度、先取りして体現しています。

２０２０年代からはもう一度、ジャパンミラクルが日本で起こせる環境に入っています。安倍総理が土台、管、岸田総理が再分配や事前分配の包括型社会(ポジティブサム)の土台を形成しつつあります。

日本の古代の歴史視点から見ると・・・

安土桃山から江戸幕府初期の農民出身徳川家康が国際貿易を促進しつつ再分配や事前分配の包括型社会(ポジティブサム)を形成してます。

その後、大航海時代の覇権争いを避けるため数代かけて「収奪型社会(ゼロサム)」になってしまい、綱吉の頃には基本的人権の概念も希薄になり選挙もないため

低収入者の農民から商人も収奪していきます。

江戸幕府末期まで数度改革をしましたが、ノーベル経済学賞の人達によると包括型社会(ポジティブサム)に転換しずらい

結局、薩摩と長州が徳川家康式の国際貿易のイノベーションを復活させるも(水戸藩の文献から)国民主権の憲法や選挙がないため

明治維新を起こすしかなく、第二次大戦で原爆が投下されるまで軍備拡大して資源が枯渇します。

国家システムの独裁から法人や個人の優越的地位の乱用にすり替わるため、財産権や特許権などを含めた低収入者の基本的人権を尊重することで独占禁止法の強化も必要になっていくことも同時に示しています。

(個人的なアイデア)

One such rocket engine, about one hundred million yen units in a unit of several hundred million yen It is real to realize the product in the price range that can not reach the price range of hundreds of thousands of yen reaching ordinary people with technologies far beyond the limits of human beings It may be an innovation that will become a plus-sam of it.

こういうロケットエンジン、ジェット機くらいのひとつ数億円単位で手の届かない価格帯の商品を庶民に手の届く数十万円くらいの価格帯に人間の限界を遥かに超えるテクノロジーで実現することが本当のプラスサムになるイノベーションかもしれません。

In the low price area below this level, the danger of a negative spiral, which only causes deflationary streams and wages do not rise, may have emerged concretely around 2018 with the development of the Internet since Millennium.

これ以下の低価格領域はデフレストリームを引き起こすだけで賃金が上がらない負のスパイラルの危険性がミレニアム以降インターネットの発展とともに2018年あたりから具体的に出てきてるのかもしれない。

＜おすすめサイト＞

実用に向けた大規模言語モデルApple インテリジェンス 2024

Apple Vision Pro 2024

ジャロン・ラニアー：インターネットをどう善の方向に作り変えるべきか！

ニティシュ・パドマナバン:老眼鏡を含めた未来の自動オートフォーカス搭載メガネ

アレックス・キップマン：HoloLensホログラム時代の未来にあるもの

ニコラスネグロポンテ：今後の未来への30年史

ニコラス・ネグロポンテ：子供に1人1台ラップトップ計画を語る

ハワード ラインゴールド: 個々のイノベーションをコラボレーションさせる

＜提供＞

東京都北区神谷の高橋クリーニングプレゼント

独自サービス展開中！服の高橋クリーニング店は職人による手仕上げ。お手頃50ですよ。往復送料、曲Song購入可。詳細は、今すぐ電話。東京都内限定。北部、東部、渋谷区周囲。地元周辺区もＯＫです

東京都北区神谷高橋クリーニング店Facebook版

[2-job-com]

連休中に稼ぐ基礎を作る！ UmedyでWeb開発を学ぶ

連休中に稼ぐ基礎を作る！ UmedyでWeb開発を学ぶ #Udemy #Web開発学習 #オンライン学習 #WordPress #Webデザイン #JavaScript #PHP #MySQL #Apache #フロントエンド #バックエンド #HTML #CSS

こんにちは、上田美穂です。 連休中は何をするご予定でしょうか？ もし、まだ予定を立ててない方はWebについて学ぶのはいかがでしょうか？ スキルシェアサービスなどでもWebに関する案件は、ひっきりなしに募集が出ています。 副業をするうえでは、頻繁に案件が出ていて、なおかつ比較的高単価な仕事が選択肢に入ると収入の安定化がしやすくなります。 そこで、UmedyでWeb開発について学ぶのにおすすめのコースをご紹介いたします。 UmedyでWebについて学ぶ UdemyはITスキルを中心としたオンライン学習プラットフォームです。 動画で教材が作成されていて、本を読むのに比べるとその内容に簡単にアクセスできる学びを提供してくれます。 教材は専門的な内容であっても解説を加えながらさも講義を受けているような感覚で学習できます。 なによりも、学習の動画を再生すると、講師の方が解説しているのが目に入り、すぐ…

[takenos]

2021年の振り返り

毎年恒例の振り返りをやっておきます（もはやこれだけを投稿するブログになっているが笑）。

仕事

アーキテクトとして

2021年の頭に、ずっとチームで開発していたプロダクトが出せて少し落ち着きました。このタイミングから、明示的に開発組織全体のアーキテクトとして全社的な視点で技術や設計の課題に取り組むようになりました。

もともと Wantedly という会社は、トップダウンにもボトムアップにも活発に新しい技術を試したり導入する傾向があり、そのおかげで最近はバックエンドは Kubernetes ベースの Microservices Architecture が割とちゃんと導入されていたり、Web フロントエンドも GraphQL や Design System のようなものが導入されていました。

ただ、前年のプロダクト開発で、それらをワンセットで利用してみると、個々の技術が（プラスではあるにせよ）本来狙ったほどにはワークしていなさそうだということが分かりました。

個別に見るとそれぞれの技術が解決したい課題というのは確かに存在していて、かつその技術を適切に使えば実際に解決できるであろう、ということもまた確かだったのですが、「その課題は “いまこのステージで” 解くべき課題なのか？」といったことや、「その技術の導入が間接的に及ぼす “ソフトウェア全体への影響” は良い方向の変化なのか？」といったことまでは検討しきれていなかったように思います。

例えば、Protocol Buffers と GraphQL という二つの API に関する技術があるとします。これは、「API のスキーマを記述することで、API に型をもたらす」という点では、同じ課題を解決します。「型がある」というのはプログラマーにとっては（事前の記述コストが許容できるのであれば）ほとんど自明に開発生産性の向上をもたらすので、これは良いことのように思えます。

一方で、スキーマというのは Microservices Architecture のように API を第一とする抽象度が高めのソフトウェア開発スタイルにおいては、ドメインの知識を凝縮したものである必要があります。そうすると、「ドメインの知識の集約」という点で、Web フロントエンドのインターフェイスとなる GraphQL に知識を集約するのか、それとも個々の Microservice のインターフェイスとなる Protocol Buffers に知識を集約するのか、という二つの選択肢が生まれ、これがバックエンドと Web フロントエンドの「分断」を発生させます。

これの本来あるべき状態は、「API のスキーマを記述する」というコストを支払うことで、それが「型がある」というような単純なレベルから「ドメインの知識がソフトウェアに現れる」というような高いレベルまで、そして「Web フロントエンドが嬉しい」ではなく「バックエンドも Web フロントエンドもモバイルアプリも嬉しい」といったようにあ��ゆる点と面でプラスに働き、それによってスキーマを書くということ自体が加速し、ソフトウェアが成熟していく、というものです。そして、こういった技術の導入と推進の判断は、それが回り出すまでに整備するために投下できるリソースと、それによって生み出される余剰のバランスは戦略的に考えることであります。

ここに挙げたのは一つの例で、他にも「デザインシステム」のようなデザイナーとエンジニアに横断的な仕組みにも同様の大きな可能性と難しさが同居していますし、「データウェアハウス」のようなデータサイエンティストとソフトウェアエンジニアが利用する技術にも、それぞれに異なる要求が存在しています。

このようなことはある程度は元々分かっていたことでもありましたが、Wantedly のプロフィールというプラットフォーム的機能のリニューアルで、プロダクトオーナーと開発責任者を兼ねてみたことでプロダクト開発への影響度を良くも悪くも実感したこともあり、少なくとも向こう1年くらいはこの課題に取り組むことにした、というのが現在アーキテクトというポジションをやっている動機になっています。

なお、現在はそういった背景もあり意図的にプロダクト開発と距離を取っていますが、本来的なところでいうと、ソフトウェア・アーキテクトというのは、こういったドメインから少し距離を取った汎用技術の方向性付けだけではなく（それはもちろん土台として必要なことなのですが）、プロダクトのビジョンや戦略と一体化したものであるべきだ、と個人的には思っていて、そういう方向に世の中のソフトウェア開発も向かうと良いな、と思っています。

適切な概念を選ぶ

備忘のため、主にどういったことをやったかについても少しまとめておきます。

まず一つは、上記のような経緯から、技術領域をまたいだ部分に問題が表出していそうだという当たりがついていたので、各領域のテックリードを集めて「開発をする上で困っていたり、自明ではないと思っている事柄」を一通りリストアップをしました。それをベースに、全体としての現在あるべきソフトウェアの構造と要所要所でどのような技術的解決を図ろうとしているのか、を自分の方でまとめたものが、公開されている資料にも掲載されている以下の図です。

詳細は公式なブログでいずれ書く気がしますが、これは最も大きな構造で言うと Applications と System と Data という三層になっています。

前者二つは、元々 Frontend と Backend という Web / Rails 由来の相対的な概念がよく使われていたのですが、自分たちのサービス（そしてもしかしたら他のいくつかのサービス）においては、この概念化はあまり有用ではないなと思うようになりました。

理由として、Backend の作り方自体の高度化（e.g. デ・カップリング、Polyglot 構成）、昨今の単にコンテンツを表示するに止まらない Web サービスのアプリ化とそれに伴う (Web) Frontend 技術領域の進化、そして Mobile アプリの存在があります。こういった状況では、「ユーザーの手元で動くプログラムであるところの Applications」「自分たちの Kubernetes クラスタ上で動くプログラムでありドメインの情報を保持する System」という概念化を行なった上で、Application は Web, iOS, Android のプラットフォームごとに提供される（したがって複数存在する）と捉えた方が、意味のある議論がしやすいと感じています。Data という層の導入も、同じように一般的に流通している概念化が自分たちの状況に追いついていないことを反映しています。

個別の問題解決

このような認識の基礎となる概念と基本構造という全体を固めた上で、部分で起きている問題を認識して解決に向かったのが以下の例です。

マイクロサービス・アーキテクチャと共存する Ruby on Rails のアーキテクチャ的拡張 / Kaigi on Rails 2021

GraphQL 導入の反省と再挑戦 / jsconf jp 2021

ただ、こういったカンファレンスに出すのは話題として意味がありそうな新規性の高いトピックに偏るのも事実です。実際の内部は、「(fault-torelance のための) System のマイクロサービス間通信のエラーハンドリング機構の導入」のようなまあ普通にやるべきだよね、みたいなことも進めていたりもします。

ソフトウェア設計の研修

ところで、API スキーマやデザインシステムがどんなに優れたものであっても、その中で実際に行われる設計が正しいスタンスで行われなければ、効果を発揮しません。このため「ソフトウェアの設計とは何なのか」と言う��とについてエンジニアの初期に多少なりとも触れておくことは、かなり重要なのではないか（そのようなことに触れないケースが意外と多いのではないか）、とこれまでの経験から思っています。

そこで、できるだけ多くの人が理解できるように、ボトムアップな形でソフトウェアの設計というものについて新人研修で伝えるようにしました。

ソフトウェア設計の Why & What & How

この記事は共感してくれた人が多かったため、自分の感じていた課題意識がマクロ的に存在することを確認することができました。

個人：Web フロントエンドに入門する

2021年は現代 Web フロントエンドに入門しようということで、色々やりました。エディタを Emacs から VS Code に移行（= Emacs だと思って操作して問題ないレベルまでチューニング）するところから始まり、JavaScript, TypeScript, CSS, React, Firebase, Material Design System などなど。Zenn のスクラップ機能、いいよね。

Firebase で Todoist のクローンを作る

モードレスなテキストウィジェットの React コンポーネント設計

ちょうど年末から仕事でも Web フロントエンドがアサインできない中規模のプロジェクトがあったのでメインで書います。この辺りは2022年も少し続けて、UI デザインとかの理解を深めようなかなあと思っています。

生活

サービス

スタバ

2021年は緊急事態宣言が多すぎて夜飲むことが減って朝方になり、朝7時に Starcucks に行くことが増えた。そして Starcucks の上位互換である Starbucks Reserve を恒常的に利用するようになり、1杯1000円近いコーヒーを頻繁に飲むようになってしまった。しかしある意味そのおかげで Web フロ���トエンドの勉強などが捗ったのも事実。

サービスとしては、Starbucks アプリがよくできており、ロイヤリティを高めてリテンションするためのお手本のような設計になっている。飲食店のインターフェイスはこれからどんどんアプリ化されていくだろうし、そのための共通ソフトウェアは必要になってくるだろうから、あとはどのようなソリューションが良いかという話だと思う。

みんなの銀行

2021年の面白かったアプリで言うと「みんなの銀行」がある。口座の開設手続きが15分程度でアプリ上で完結し、その上で必要な窓口確認業務は In-App Broswer で行う。振り込み通知などが Push 通知で来るのは当然できて欲しい体験ができている感じが良い。また、デビットカードが発行されるためそれが Apple Pay に接続できる。

集計をしていると思うんだけど実際に使った時期とお金が減る時期がズレるクレジットカードというのは不便でしかなくて、お金が動くパイプラインはもっとシンプルになるべきだと思う。そういう���味で、一番根っこになる銀行の部分がデジタルでないのがネックであって中間的なソリューションを生んでいる原因な気がしたので、この部分からのイノベーションは期待したい。

SAKE POST

今年はサブスクリプションだとこれくらいかな？半合くらいの日本酒パックが月に3つ届くので、ちょうど良いなと思っています。サービスとしてみた時の定期消費のサブスクリプションはパーソナライズの仕方がまだ見えていない感じがあって、例えば個々に消費するユニット数には違いがあると思うのだけど、それにどのように対応するのかと言うことが自明ではない。ここは追跡ができないということからデジタルサービスと違う難しさを感じる。

（ちょっと力尽きてきたので、ここから雑になる）

本

2021年に読んで良かった本だと、落合陽一の「デジタル・ネイチャー」がある。何というか、読んでいて全般的に思考のベクトルが近いなと感じだのだが、今まであんまりそういう風に思うことってなかったので、それが個人的に発見だった。

デジタルネイチャー　生態系を為す汎神化した計算機による侘と寂 )

落合陽一 PLANETS/第二次惑星開発委員会 (2018/6/15)

Amazon.co.jpで詳細を見る

ゲーム

PS5 で「ゴースト・オブ・ツシマ」「戦国無双5」「十三騎兵防衛圏」「ジュラシックワールド2」をやった。「十三騎兵防衛圏」はあまりやったことのないジャンルで、そういう意味でやれてよかった。やってて薬師寺恵かわいすぎない？？ってなったけど、調べたらこれはそういうものらしいので良かった（？）。

[g-azami]

来たる7月14日土曜の昼13時から、新宿で 『Bootstrap 4入門 コンポーネント・カスタマイズ編｜生明塾』を開催します。

Bootstrapは、webのフロントエンドに向けたCSSのフレームワークです。 Bootstrapをwebデザインの基盤に導入すると、ゼロの状態から制作をしなくてもあらかじめ体裁が整ったボタンやナビゲーション、フォームなどが用意されており、さらにカスタマイズやオリジナルのデザインを上乗���することも可能です。 CSSフレームワーク（海外ではFrontend Framework）とは、よく調整された高度なCSSのデザインやJabaScriptの機能が予め用意されたライブラリ集です。 CSSフレームワークを用いれば、基礎工程が終わった状態からwebデザイン作業を始めることができ、時間や労力を大きく削減することができます。 とても迅速に、レスポンシブwebデザインのサイトを制作することが可能になります。。 Bootstrap 使用事例 － Responsive Web Design JP http://responsive-jp.com/category/technique/bootstrap Bootstrapは数あるCSSフレームワークでのなかで、人気No. 1の大定番。 かつてはTwitter社内で作られ、Twitter Bootstrapと呼ばれていました。 2011年の誕生以来、世界中で愛用されています。 MIT License で商用利用も可能、もちろん無料です。 先日の2018年1月18日に、長い開発期間を経た最新バージョンのBootstrap 4がリリース。 Flexboxの採用や基本単位を「rem」に変更するなど、現代のwebデザインに対応した仕様で生まれ変わりました。 Bootstrap 4のリリースを記念して、この入門講座を企画しました。 主に、Bootstrapの多様なコンポーネントの紹介と使い方、そして、デフォルトのデザイン設定のカスタマイズ方法をを解説。 CSSフレームワークの扉を開いて、賽の河原の子供たちやシーシュポスのような仕事の在り方から脱却してください。 Bootstrap オフィシャルサイト（ダウンロードページ） https://getbootstrap.com Bootstrap - ウィキペディア https://ja.wikipedia.org/wiki/Bootstrap 「Bootstrap 4」が正式リリース――IE10以降、iOS 7以降、Android 5.0以降に対応 http://www.atmarkit.co.jp/ait/articles/1801/23/news092.html ● 当講座で学べること ○ CSSフレームワークとBootstrapの概要 ○ Bootstrap 4の導入方法 ○ Bootstrap 4に用意されたさまざまなコンポーネントの搭載と設定 ○ Bootstrap 4のデザインをカスタマイズする方法など ● 当講座で得られること ○ webデザインの高機能な基礎ライブラリ（フレームワーク） ○ 超高速なwebデザイン作業を具現化するためのソースと方法 ○ 作業効率の大幅な向上とコスト削減 ○ 競合他社への競争力 など ※ 各種受講証明書への署名・発行に対応します。 ● 当講座の特徴 ○ 手ぶらの座学受講も可能な、セミ・ハンズオン形式です。 ○ 実践的な知識や方法を、要点をまとめて、わかりやすく解説します。 ○ 講義後に、質疑応答の時間を設けます。 ● 主催 AZM Design

[se-emily]

デモ解説つき！Webデザインの基礎解説

[takepara]

なるほどですね 2020年08月19日の記事一覧

(全 42 件)

UniFiで自宅に巨大スタジアム並のエンタープライズWiFi環境を整えた

いま将棋界で起こっていること（前編）｜CHACO/白水雄治｜note

パフォーマンスに関する各種ブラウザAPI

Why is string.GetHashCode() different each time I run my program in .NET Core?

アプリを Azure Government と Azure China に対応させつつ ARM Template でデプロイする

TypeScriptのユニオン型で「あるかもしれない」プロパティを表現するときのTips

Unity界最速DIコンテナVContainer が速い理由の解説

Mono.Cecil入門

VContainer

Vuetify + VeeValidate でダイアログを使った際のレイアウト崩れへの対処

インフラ担当がいない、地方で根深い「バックエンド軽視」の闇

この半年で起こったショッピングトレンドの変化と、これからをデータから読み解く

二つのわかりやすさ｜Dai Tamesue 為末大｜note

「嫌な目にあったこと」も、人生の糧に変えられる。

手軽に始められる知識整理ツールいろいろ

MySQL勉強会〜ロックについて(DDL編)〜を開催しました！

Perl Hackers Hub

第62回　Perl歴史散策 ―インタプリタの実装と，構文の進化をたどる（1）

広がる「ノーコード」　プログラマーが不要に？

危険なプロトコルはどれ？ラピットセブンがインターネットリスク調査結果を発表

ウェブ生みの親が語る「何十年も変える必要のないURI」を作成するためのポイントとは？

テストを自動化するのをやめ、自���テストを作ろう

UIデザイン講習会

理解して拡げる分散システムの基礎知識

バックエンドエンジニアの私がお勧めする SPAフロントエンド開発環境

【JTF2020】凡人エンジニアの生存戦略

より詳細でカラフルな Google マップを

Microsoft Teams の直近の次のミーティングに参加するプログラムの作り方

【.NET】 私、 [対象プラットフォーム] は [Any CPU] でって言ったよね!

ASP.NET Coreのローカライザの違いを知らないとXSSにやられる

Cloudflare、Workerの新クラス”Unbound”を発表

書籍「作ろう！CPU」

ミシガン大が窓用ソーラーバッテリーで光の利用効率8％を達成！

ファーウェイはスマホを作れなくなってしまうのか。米国の相次ぐ制裁で（佐野正弘）

なぜデザイナーはロゴを作ってしまい、デザインを頼む人はロゴを求めてしまうのか

社内で毎週公開してるセキュリティコンテンツ3ヶ月分を公開します【2020年4月〜7月】

伝統的なエンプラ企業で取り組むインフラの設計書のモダナイゼーション.pdf

AI時代のOODAループと戦略

jQueryの作者による「毎日コードを書く」習慣の効果と自分で半年やってみた感想

Tailwind CSSでCSSが苦手なエンジニアでもイイ感じのサイトが作れることを伝えたい

危険な“混合フォーム（mixed forms）”にご用心 ～「Google Chrome 86」から警告措置／セキュアなHTTPSページにも盗聴・改竄の危険があるHTTPで送信するWebフォームが含まれることも

Googleが「知らない言語」も翻訳処理ができてしまう言語モデル「LaBSE」を発表

[automagicp]

福岡で web デザイナーとして活躍されているカトウヒカルさん（ @design_hikaru ）がゲスト。Web デザイナーにとって web デザインをどう捉えていますか？表現を追求だけでなく、成果も求められている web サイト制作。覚えることも増えるなか、どう web デザインを学べば良いのでしょうか。カトウさん的 web デザイン、web デザイナーの仕事について話してもらいました。

Webデザイン1on1レッスンチャンネル

ホームページ制作 福岡 kanvas

Progate | プログラミングの入門なら基礎から学べるProgateプロゲート

作るだけ、では喜ばれない

KAIZEN PLATFORM

表現としてのデザインと成果としてのデザイン

昔の価値観を引きずった教育

文脈で変わるデザイン

自分で自分のサイトを運用する

グラフィック / 見た目の観点『のみ』で評価すべきか

当事者意識をもつ

走りながら質を上げていく

人をフォローして学ぶ

XDで変わったお客様との関係性

メンターを探す

カトウヒカル｜note

[masaa-ma]

Affinity User Group JAPANミーティング3の内容まとめ

from https://stocker.jp/diary/affinity-mtg3/

2019年12月に開催された「Affinity Designer」「Affinity Photo」「Affinity Publisher」の勉強会の内容のまとめです。 登壇内容の動画やスライドが中心です。

Web制作に役立つAffinity Designerの使い方と注意点

渡辺　竜（@rriver）さんによるAffinity DesignerによるWeb制作の話です。 Web制作に便利な使い方やメリットなどの話が中心です。

実はけっこう簡単！〜3Dで表現の幅を広げようぜ〜

淡波 亮作（@RyoAwa）さんによるBlenderとAffinityの活用の話です。 動画はYouTubeではなくGoogleドライブで提供いただいているため、上の画像をクリックすると再生できます。

スライドPDFはこちらです。

Photoshop・IllustratorとAffinityのファイル互換性について

このブログを書いている庄崎 大祐（@Stocker_jp）によるAdobe CCとの互換性の話です。 PSDの互換性は高いのか？互換性を高めるために気をつけることは？など話しています。

世界初の技術『StudioLink』新しすぎて分からなかったこと

イベント運営をお手伝い頂いている根立みゆき（＠ChildDreamier）さんによる、Affinity PublisherのStudioLinkの解説です。

StudioLinkは1つのアプリでPhotoshopやIllustratorのようないくつものアプリの機能を呼び出して使えるものですが、根立さんは当初プラグインと勘違いされていたようです。

Affinityの歌

懇親会では、勝谷元気さん(@nibushibu)によるオリジナルのAffinityソングの演奏がありました。

以下の動画は、Affinityミーティング #2 の際に田中康一さんが撮影し、提供頂いた動画を私が編集したものです。 複数の動画を私が編集したものであるため、曲の最初から最後まで入っているわけではありませんのでご了承ください。

※「Affinity Publisher で60ページの冊子制作に挑戦！」というセッションは、有料の動画受講にお申し込みの方限定の特典とさせて頂きます。

スマートフォン時代のWebデザインスクールを渋谷で開講します

2020年1月から、「スマートフォン時代のWebデザインスクール」というWebデザイン入門スクールの初回体験レッスンを渋谷で開講します。 新しいWeb技術、新しいデザイン手法、新しい端末などに対応するため、毎回内容をリニューアルし、Adobe XDによるプロトタイピング、UI/UXなど新しい内容に対応しています。

こちらは、はじめてWebデザインを学ぶ方向け（PCの基本操作はできるが、Photoshop や Illustrator などは使ったことない方向け）です。

初回体験レッスンは1,000円でご参加いただけます。内容は「Adobe XDによるプロトタイピング」「Instagram風のプロトタイプ制作」などを行います。「スマートフォン時代のWebデザインスクール」のページよりお気軽にご参加ください。

PHP徹底入門講座・WordPressカスタマイズ講座を開きます

「PHP徹底入門講座」は、「HTMLはわかるけどプログラミングは未経験」の方向けの日曜講座です。 そろそろ WordPress やプログラミングを始めてみたい方は、まずはこちらへどうぞ。

別途、「WordPressカスタマイズ講座」も開講します。 ブログ用 WordPress テーマ制作はもちろん、WordPress のカスタマイズに必要な知識や、それらを使った「WordPress 管理画面から更新可能な中小企業サイト」制作までやります。 スマートフォンやRetinaディスプレイに対応した新しい内容にリニューアルしました。

渋谷にお越し頂くのが難しい場合、ご自宅で動画受講も可能です。

Web制作にご興味ある方はメール登録をどうぞ

渋谷 Stocker.jp / Space では、Web制作を基礎から学べる「スマートフォン時代のWebコーディングスクール」のほか、「1日でわかる JavaScript 入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。 ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。

Twitterでは、Web制作に関する最新情報をツイートしています。

@Stocker_jpさんをフォロー

https://stocker.jp/diary/wp-content/uploads/affinity-mtg3-ryoawa.png

[se-emily]

【ひろゆき】グラフィックデザイナーはオワコンなのか？【切り抜き/Web制作】

[touka-aoi]

サイト作ったよ。

途中で書くの飽きた。ポストで見たほうが見やすいよ。

動機

progateで学習したから、作ってみようかなと思ったため。

プラットフォーム

tumblrを選択。 かっこいいかなーと思って選んだが、他の方がたぶん良い。[^1]

目標物

ios7の時のmusicランドスケープモード。

参考文献

前提

基本全部ここに書いてある。

カスタムHTMLテーマを作成するには

すごい参考になったところ

マンガでなれる？WEBデザイナー講座

初心者のためのTumblrテーマカスタマイズ方法入門

Tumblrテーマを本気でつくる Vol.3「テーマカスタマイズ実践編」

つまったとこ

ホームページ上の素材画像など、何処にアップロードするのか？。

テーマオプションを使えばいい。

<meta name="img:examplename" content="">

image,color,if,fontなど設定できる。

examplenameに名前を入れる。

contentは初期値

dropboxでリンク作るのもあり。

​ 画像の時は最後の?dl=0を?raw=1に変える。

フォントとかどこから持ってくるのか？

ここ

Google Fonts

部分的にフォントってどうやって変えるのか？

<span style="font-family:FontName">変えたいフォント</span>

{block} ってなに？

if文見たいなやつ。

{block:Posts} //もしPostsなら //この中を通る。 {/block:Posts}

{block:Posts} って1つでいいのか？

ポストの数実行されるので１つでいい。

flexわからん

これ

A Complete Guide to Flexbox

画像が大きすぎる。

widthの数値をあわせる。

隙間ができる。

これ

* { margin: 0; padding: 0; }

header固定したらcontainerが余った。

headerの高さ分paddingとmarginで下にcontainerをずらす。

これ

ヘッダをposition:fixedで固定した際、ページ内リンクの位置がずれるのを解消する方法

faviconどうするのか

これ

<link rel="shortcut icon" href="{favicon}">

{favicon}はTumblrのアバター画像。

<a> 下線と色変わるのどうするの？

colorで色固定。

text-decoration:none; で消える。

a { color: black; //色 text-decoration: none //下線 }

これ

基礎24. a要素の装飾と擬似クラス

なにかはみでる。

overflow: hidden;で隠す。

画像リンク

これ

<a><img></a>

画像中央寄せ

画像はインラインらしい。

text-align:center;

結局わからなかったもの

<header>が高さないんだけど？

height設定したらいいんかね。

課題

tag表示、ソートがない。

Like!とReblogボタンがない。

ホームページに15コマしか表示されない。

JQuery非対応。

画像投稿のみ対応。

スマートフォンデザインがない。

日付ソートがない。

レスポンシブデザイン非対応。

footerがない。

間が空いている。

コメント欄ない。

まさにないないづくしである。

感想

デザイン力がない。私にもっと力を。

ちゃんと構造を考えて作らないと、サイズ調整とかめんどくさくなる。

じゃあ私、はてなブログに還るから。またね。

訳注

[^1]:{block}, meta 関連がややこしい。日本語文献がほとんどないため。

おまけ:ソースコード

<!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta charset="utf-8"> <meta name="color:HeaderBackgounedColor" content="#ffffff"> <meta name="color:TitleFontColor" content=""> <meta name="image:backgroundimage" content=""> <meta name="color:HeaderBottomBorder" content=""> <meta name="color:BodyBackgroundColor" content="#ffffff"> <link rel="shortcut icon" href= {favicon}> <title>{Title}</title> <link href="https://fonts.googleapis.com/css?family=Orbitron&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap" rel="stylesheet"> <link rel="stylesheet" href="stylesheet.css"> <style> * { margin: 0; padding: 0; z-index: 1; font-family: 'Noto Serif JP' ; } .nav-list { list-style: none; float: left; padding: 12px 0px 0px 10px; margin-left: 20px; margin-right: 20px; } .title-name { float: left; margin: 30px 0px 0px 10px; } .list-right { float: right; } .header-wrapper { height: 75px; width: auto; z-index: 100; padding-right: 20px; border-bottom: 3px solid ; } .headerul{ margin-top: 40px; } .header-link { display: inline-block; text-decoration: none; color: black; } body, html { height: 100%; margin: 0; padding: 0; } body { background: {color:BodyBackgroundColor} } a { text-decoration: none; color: {color:TitleFontColor}; } {block:HomePage} img { height: 100%; width: 349px } {/block:HomePage} .header-wrapper { border-bottom: 3px solid {color:HeaderBottomBorder}; background-color: {color:HeaderBackgounedColor}; position: fixed; width: 100%; height: 75px; top:0; left:0; overflow: hidden; } .main-container { height: 90%; display:flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; padding-top: 75px; margin-top: -75px; background-size: cover; } .post-title { font-weight: bold; } .post-border { position: absolute; height: 100%; width: 100%; background: black; bottom: 0px; z-index: 2; opacity: 0; display:none; } .post { top: 75px; height: 30%; width: 349px; overflow: hidden; border-radius: 5px; position: relative; flex: auto; margin: 0; } .perma-container { z-index: 0; height: auto; width: 70%; top: 75; position: relative; margin-left: 15%; background: white; } .perma-post { /*margin-top: 75px;*/ position: relative; padding: 40px; } .perma-photo { position: relative; margin-top: 75px; } .perma-back { z-index: 0; height: 100%; width: 200px; background: white; } .figure-photo { padding: 20px auto; } .font-orbitron { font-family: Orbitron; } </style> </head> <body class = "{block:HomePage}home{/block:HomePage} {block:PermalinkPage}Permalink{/block:PermalinkPage}"> <header> <div class="header-wrapper"> <h1 class="title-name"><a class = "header-link" href = "{BlogURL}"><span class = "font-orbitron">{Title}</span></a></h1> <nav class="list-right"> <ul class="headerul"> <li class="nav-list"><a class = "header-link" href = "https://touka-test.tumblr.com/archive" ><span class = "font-orbitron">Archive</span></a></li> <!--<li class="nav-list"><a class = "header-link" href = "{BlogURL}" >Article</a></li>--> <!--<li class="nav-list"><a class = "header-link" href = "{BlogURL}" >Gallery</a></li>--> <li class="nav-list"><a class = "header-link" href = "https://twitter.com/touka_aoi" ><span class = "font-orbitron">twitter</span></a></li> </ul> </nav> </div> </header> {block:HomePage} <div class = main-container> {block:Posts} <article class = "post"> <div class = "post-body"> {block:Title} <p class = "post-title"><a href = "{Permalink}">{Title}</a></p> {/block:Title} {block:Photo} <figure class = "post-photo"> {block:Caption}<a href = "{Permalink}">{/block:Caption}<img class = "post-pohto" src = "{PhotoURL-HighRes}"></a> </figure> {/block:Photo} <div class = "post-border"></div> </article> {/block:Posts} </div> {/block:HomePage} {block:PermalinkPage} <div class = perma-container> {block:Posts} <article class = "perma-post"> <div class = "post-body perma-post-body"> {block:Title} <p class = "post-title"><a href = "{Permalink}">{Title}</a></p> {/block:Title} {block:Photo} <div class = "perma-photo"> <div = "perma-photo">{Caption}</div> </div> {/block:Photo} <div class = "post-border"></div> <div class = "post-back"></div> </div> </article> {/block:Posts} </div> {/block:PermalinkPage} </body> </html>

[tak4hir0]

初代インターンとして2019年に3名から業務スタート、その中でも最長の勤務年数となった栗田くんが、最終的に7ヶ月でSalesforce認定資格を8つ取得するという偉業を成し遂げ、会社に多くの成果を残すまでの軌跡をインタビューしたのでご紹介します。 とにかく成長できる環境を探していた ーーまずは自己紹介をお願いします 上智大学経済学部3年の栗田です。 趣味は散歩です。何も考えずに適当に歩くのがいい気分転換になってます。 ーー大学2年生でインターン応募してきたけどなぜそんな早くから？ 学生のうちからできるだけ成長したい、という気持ちがあったので普通のアルバイトではなく企業のインターンがいいかなと考えていました。 趣味でHTMLをやったことがありデザインに興味をもち始めた頃だったので、デザインに強そうなWeb制作会社である株式会社フォーデジット（※）にコンタクトをとりました。（※：クリエイティブサーベイの親会社） ところがフォーデジットでは、その頃インターンを募集していなかったため、グループ会社でインターン受け入れを検討している会社をご紹介いただきました。それがクリエイティブサーベイ株式会社との出会いです。 ーークリエイティブサーベイの第一印象は？ はじめはMeetupに参加しました。 場所がフォーデジットのオフィスだったんですが、さすがクリエイティブにこだわっている会社、おしゃれ、という印象でした。 Meetup自体は本当にフランクな雑談といった感じで、代表がご自身の社会人経験を交えながら学生の僕たちのやりたいことも引き出してくれました。気さくで話しやすい雰囲気だったと思います。 ーークリエイティブサーベイのインターンに決めた理由は？ 興味のあることはなんでもやってみていい、と言われたのが一番大きな決め手だったと思います。初代インターンということで、インターン用プログラムなど型にはまったものもなく、自由にやれそうだと感じました。（実際に入ったら本当にプログラムもなくておもしろかったです（笑）） ーー約2年働いてみてクリエイティブサーベイはどうでしたか？ 社員の方々が、自分たちでプロダクトを作っていこうと日々業務を行っているところが素晴らしいと感じました。自分がジョインさせていただいたこの2年だけでも、新サービスの開始やカスタマーサクセス部門の立ち上げ、営業体系の変化など大きな転換点がいくつもあり、そのスピード感は非常に良い社会経験だったと思います。 製品面でも、UI/UXに優れていることやSalesforce連携が可能な点は、アンケートを新しいコミュニケーションツールとして再定義している/していくと強く感じました。 ーーインターンをしてよかったこと、得た経験はありますか？ 大きく3点あります。 1点目は、様々な経験をさせていただいたことです。インターン期間でアンケートの作成、展示会への参加、社内Salesforceのシステム管理、カスタマーサクセスのオンボーディング等、あらゆる業務に携わらせていただいたことはビジネスそのものの理解や自分の興味関心に気づく機会にもなりました。 2点目は、社員の方々がインターンの自分をクリエイティブサーベイの一員として捉えてくれていたことです。インターンだからと雑務ばかりを投げられることなどはありませんでした。コロナの影響で出勤が出来なくなってしまった時期も、リモートで業務を行えるよう環境を整備していただけただけでなく、リモートでもコミュニケーションをとれるようツールを使用して進捗管理をしてくださり、チームの一員として一緒に業務を進めることができました。 3点目は、Salesforceに出会い、スキルを身に付けられたことです。組織が大きく変化する中でインターンを行えたことは、SalesforceといったCRM環境の構築をどうすべきか、どのように活用していくべきかのインプット/アウトプットが常に求められ、ストレッチで自分を成長させてくれた環境でした。 社員とともにゼロスタートでSalesforceの勉強を開始 ーー最初の頃はどんな業務をしていたのか教えてください 最初の課題は、自社サービスである「CREATIVE SURVEY」でアンケートを作成することでした。 触ってみるとUI/UXが優れていて操作がわかりやすく、簡単なアンケートであれば30分もしないうちに作れるようになりました。その後、過去にCREATIVE SURVEYで作成されたことのあるアンケートの設計図（設問や条件がまとめられたExcel資料）を渡され、設計図からアンケートを作る練習をしました。無料のアンケートツールでできないような作り込みを、初心者の自分にも作ることができることに驚きましたね。 その後は、営業さんが商談時にお客様に見せるためのサンプルアンケートも任せてもらえるようになりました。いくつも作るうちに、さらにアンケートの作り込みの技術は上達していきました。デザインカスタマイズも思う通りにできるようになったりして、元々やりたかったデザインに少し触れられた感じがして嬉しかったです。 その他には、セミナー開催に向けた準備や当日の運営、事後対応なども行ったり、大規模な展示会に参加した際は営業さんと一緒にお客様にお声がけして説明をするという経験もしました。自分が説明したお客様がその後商談につながったりして会社に貢献できてるなと感じることができました。 ーー栗田くんが入った頃にちょうどSalesforceの導入もはじまったんですよね？ はい。なのでSalesforceの知識のある人がひとりもいない状態で、社員と一緒にゼロからスタートという状況でした。 Salesforceの勉強はTrailheadというセールスフォース社が無料で提供しているe-learningサービスを使って行いました。Salesforceの使い方だけではなく、ビジネスの基礎から情報セキュリティの知識などビジネスマンとして必要なことを学べる単元がたくさんあり、飽きずに進めていくことができました。 実はこのタイミングで密かに「社員に差をつけられる絶好の機会」と思ったのもありかなりモチベーションはあがりましたね。 進めていけばいくほど、Salesforceによってあらゆる課題が解決していくことがわかり高揚したのを今でも覚えています。Trailheadならではのゲームをクリアしていく感覚もおもしろくて結構ハマっていきました。 めきめき成長していつの間にか8つの資格保有者に！ ーーなぜSalesforceの資格を取ろうと思ったんですか？ Salesforceを使える人間であることをきちんと証明したいと思ったからです。 社内でSalesforceを活用していくことも会社のミッションでしたが、自社サービスの「CREATIVE SURVEY」と「Salesforce」を連携させる新サービスがスタートする頃でしたので、お客様に対しての信頼を獲得するためにも社内にSalesforceの資格保有者がいるべきだと思ったのが大きな理由でした。それと自分自身のスキルの証明にもなるので取りたいと思いました。 ーー資格取得のための勉強で苦労したこと、そこから得た経験を教えてください 対策期間は3週間～1ヶ月を目途にし、自分の学校とプライベートの時間以外のところで勉強時間を確保するように計画表を作りました。ひとつの資格取得のために、トータルで50-60時間くらい勉強していましたね。 苦労したのは試験勉強用の有料トレーニングが使えなかったことです。使えなかったというか「とにかく無料で」という考えからなのですが、あとで会社に自費で試験を受けて資格を取得したことを伝えたら「言ってくれれば試験費用くらい出したのに」と言われました（笑）。 Salesforceが資格取得の対策用にまとめている公式TrailMixや試験範囲のヘルプサイトを読み込み、学習用の環境で実際に手を動かしながら確認することを繰り返し行うことで対策していました。 資格の勉強をはじめてから、マーケティングや統計など自分の興味のある領域がわかるようになったので、データを扱う分野にも興味を持つようになり、大学の履修を決める基準にもなりました。なので大学の授業も結構充実したものになったと思います。Salesforceの勉強をしたからこそだと今は思っています。 ーーその後も資格を取り続けたそうですが最終的にいくつ取得したんですか？ 資格は全部で8つ取得しました。 ・Salesforce 認定アドミニストレーター ・Salesforce 認定上級アドミニストレーター ・Salesforce 認定 Community Cloud コンサルタント ・Salesforce 認定 Sales Cloud コンサルタント ・Salesforce 認定 Service Cloud コンサルタント ・Salesforce 認定 Platform アプリケーションビルダー ・Salesforce 認定 Platform デベロッパー ・Salesforce 認定 Sharing and Visibility デザイナー ーー今後どんなことに活かしたいですか？ 資格取得の勉強だけでなく、インターンの実務でSalesforceのさまざまな設定をする経験の中で、Salesforceが本当にビジネスの課題解決に有益であると感じたので、もっともっと勉強して、Salesforceでお客様の支援をしていけるようになりたいと思っています。 ー 編集後記 ー 「インターンを通じてやりたいことを見つけることができた」という話を聞いて当社がひとりの学生の人生に影響を与えることができたん���な、と感じることができてとても嬉しくなりました。 大学4年生を前に就職活動をはじめた彼は、SalesforceやSalesforceと連携するツールでビジネスの成長を支援したいという軸でさまざまな企業の選考を受け、最終的に東証一部上場企業への内定を見事勝ち取りました！クリエイティブサーベイの新卒社員として迎えることができないことは非常に残念ではありますが、彼の活躍を私たちは確信しています。 そんなクリエイティブサーベイでは、彼のように自分のやりたい仕事を見つけることができるようになってくれるであろう、2代目インターンの募集を開始しました！ぜひお気軽にお話を聞きにきていただければと思います！ クリエイティブサーベイ株式会社では一緒に働く仲間を募集しています

[413-request-entity-too-large]

私が「Web制作にはMacが適している」と思う理由

先日 iMac 2019のレビュー記事 に「Web制作にMacが適していると思っている理由は別の記事に書きます」と書いたところ結構反応があったため、この記事にまとめることにしました。

先に、Web制作のためにWindows PCを買った方のために説明しておきますが、Windows PCでもWeb制作はできますのでご安心ください。 ただ、私はいくつかの理由でWeb制作にはMacの方がメリットが多いと感じています。

私がMacでWeb制作するようになったきっかけ

私はWindows 95の頃からWindows PCをずっと使用していました。 Windows 95や98の頃はMacでWeb制作するメリットを感じておらず、多くのWebサイトを問題なく閲覧できるWindows PCがベストだと思っていました。

その後Windows XPやWindows Vistaが搭載されたPCをメインで使用していました。

しかし、出先で使用するためにWindows XPのネットブック（小型のノートPC）を購入し、Windows Updateで最初に入っていたIE6をIE8にアップデートしたところOSごと起動しなくなり、メーカーに問い合わせたところ「その現象は把握しているが解決方法は分からない。Windows UpdateでIEをアップデートしないで欲しい」と言われ諦めるしかなかった時に、Macをメインマシンにすることを真剣に検討し始めました。

Macはトラブルが少ない

Macの最も大きなメリットは「ハードウェア的なトラブルが少ない」ことだと思っています。

Apple純正の周辺機器でトラブルが少ないのはもちろん、他社の周辺機器を購入する場合もレビューで「Macで問題なく動作した」と複数の方が書いているものは問題なく動いています。 Windows PCの場合は、周辺機器を購入するときに「果たして自分のPCでは問題なく動くのだろうか？」と心配しながら購入していることが多かったです。

Macはトラブルが起きた時にやることが決まっている

次に、「Macはトラブルが起きた時にやることが決まっているので楽」ということが挙げられます。 具体的に言うと、もしMacの調子が悪くなったりトラブルが起きた場合、以下の手順で作業します。

PRAMクリア

電源を入れた時に［command］+Rキーを押しっぱなしにするとMacがリカバリーモードで起動します。そこでディスクユーティリティを使用してMacintosh HDに［First Aid］という機能を使用してストレージに問題がないか調べ、自動修復

SMCリセット

それでもだめなら 0120-APPLE-1（0120-27753-1）に電話

大抵の場合はPRAMクリアやSMCリセットでトラブルは解決します。 もしバッテリーなどの部品の交換が必要な場合も、渋谷や銀座・表参道または全国にあるApple Storeで2時間ほどで部品を交換して済む場合が多いです。 （もちろん、部品によっては数日修理センターに出さなければいけない場合もあります）

Macならいろいろな環境が手軽に確認できる

「Web制作にはWindowsの方が良い」という方に話を伺うと、たいていの場合「Windowsの方が普及しているからWindowsで制作をするのが良いのだ」という方が多いですが、その意見は半分正しくもあり半分間違っていると私は思っています。

まず、MacでWeb制作を行った時にMacのブラウザーのみ確認してそれ以外の環境の動作確認を行わないのは問題外です。 しかし、Windowsさえ確認すれば良いというのも間違いだと思います。

所有していないiPhoneやiPadの表示を確認する

現代のWeb閲覧環境はPCよりもスマートフォンやタブレットの方が多いです。これは日本だけの場合も、全世界でもどちらでも共通です。

その時に、Macの場合はApple純正のiOSシミュレーターが利用でき、iPhoneやiPadの動作確認が行えます。 たとえば「iPhone 8を持っていてもiPhone Xは持っていない」とか「iPad Proは持っていない」などという方もいらっしゃるでしょう。

iOSシミュレーターでテキストがセンサーハウジングに被っていないか確認しているところ

その時、Macが1台あればiPhone XやiPad ProのSafariの動作を確認し、センサーハウジングとよばれる画面の切り欠き部分で重要な文字やボタンが隠れていないかといった確認をすることができます。

Windowsの表示を確認する

次にMacでWindows環境の確認をする方法ですが、これはMicrosoftが動作確認用に無償のWindows 10やWindows 7の仮想PCを配布しています。

リンク: Free Virtual Machines from IE8 to MS Edge – Microsoft Edge Development

これを VirtualBox というオープンソースで無償の仮想PCアプリで動作させることでMac上でWindows 10やWindows 7が動作しIEやEdgeのようなWindows用のブラウザの確認ができます。

ただし、無償で配布されている仮想PCは「90日ごとにインストールし直さなければいけない」という制限があるため、私の場合はUSBメモリ版のWindows 10を購入し、Parallels Desktopという有料の仮想PCソフトウェアを使用してMac上でWindows 10を動作させています。 Parallels Desktopは、無料のVirtualBoxよりもパフォーマンスが高く、より快適にWindowsが動作します。

後はAndroid環境の確認がしたければ、Android Studioと呼ばれる開発者向けのツールを使えばAndroid環境の確認もできます。（これはWindowsでもできます） ただ、一般的なHTMLとCSSでできたシンプルなWebサイトであれば、Google Chromeの開発者ツールを使用して動作確認すればAndroid用のGoogle Chromeとほとんど動作が変わらない場合が多いです。

つまり、Macが1台あればMacの環境だけではなく、Windowsやスマートフォン・タブレットなどさまざまな環境を確認することができます。

ちなみに、macOSはApple製のコンピュータ向けに無償で配布されているOSです。 他社製のコンピューター上で仮想PCなどを使用してmacOSを動作させることは、Appleのライセンスに違反します。

Sketchが使える

日本ではWebデザイン用のアプリといえばAdobe CCを使用している方が多いと思います。 しかし、世界ではSketchとFigmaというツールを使用してデザインしている方が多いという統計があります。 これらは、日本でも徐々に普及しています。

関連記事: Most Popular UI Design Tools – 2018 Design Tools Survey – Uxtools.co

そのSketchは、Mac専用のアプリケーションでWindows版の発売予定はありません。

高度なテキスト編集ができる

Macでは多くのテキストエディターで［control］キーを使用した高度なテキスト編集ができます。 詳しくは以下の記事で解説しています。

関連記事: Macの基礎の基礎: テキスト入力と編集とテキストエディット編 | Stocker.jp / diary

ただし、Windows環境も良くなってきている

昔はWindowsでデザインするときにさまざまな問題がありました。 たとえば「OSに入っているフォントは商用利用しても良いのかMicrosoftに問い合わせても不明瞭な答えしか返ってこない」といった問題がありました。

また、日本語テキストの表示が汚いといった問題もありました。

しかし、最近はOSに標準で入っているフォントは商用利用可能であることか確認されており、テキストの表示もMacやAndroidに比べると綺麗とは言えませんが、4KディスプレイのノートPCなどピクセル密度が高いPCが増えてきたことで、以前ほどは気にならなくなりました。

関連: Windowsの標準フォントってどこまで“タダ”なの？ ～最新の状況をまとめたブログ記事が人気 – やじうまの杜 – 窓の杜

また、Adobe XDやFigmaはWindowsでも動作します。

まとめ

Web制作でMacを使う場合のメリットのいくつかを紹介しました。

このほかにも「標準でさまざまな辞書が入っていて素早く辞書が引ける」とか「メニュー項目のキーボードショートカットを簡単に変更できる」などいろいろなメリットがあります。

「MacはWindows PCよりも価格が高い」という方もいますが、同程度の性能、たとえばディスプレイの色域やSSDの速度まで揃えて比較したらそれほど変わらないと思いますし、Macのほうが売却した時に高く売れることが多いので、私はそこまで変わらないかなと思っています。

[渋谷]スマートフォン時代のWebコーディングスクールを土曜に開講します

PCだけでなくスマートフォンにも対応したレスポンシブWebデザインによるコーディングを基礎から学べる スマートフォン時代のWebコーディングスクール を土曜に開催します。 こちらは、これからWeb制作をはじめたい方向けに最新のHTMLとCSSの基礎からレスポンシブWebデザイン（PCからスマートフォンまで対応したコーディング）、Sass、JavaScriptの基礎まで、初歩から一通り学べるWeb制作スクールです。

渋谷にお越しいただけない方も、ご自宅で動画受講が可能です。

ご興味ある方は、スマートフォン時代のWebコーディングスクール のページをご覧ください。

「1日で分かるSassとBEM講座」も開催します

Web制作で必須となった「Sass」と、効率よくコーディングするための「BEM」をわずか1日で学べる講座です。こちらは日曜開催で、すでにHTML・CSSは書ける方向けとなっております。

ご興味ある方は、1日で分かるSassとBEM講座 のページをご覧ください。

Web制作にご興味ある方はメール登録をどうぞ

渋谷 Stocker.jp / Space では、Web制作を基礎から学べる「スマートフォン時代のWebコーディングスクール」のほか、「1日でわかる JavaScript 入門」「WordPressカスタマイズ講座」などさまざまな講座を予定しております。 ご興味ある方は、下記フォームにPCのメールアドレスをご登録いただければ、次回開講の際お知らせします。

Twitterでは、Web制作に関する最新情報をツイートしています。

@Stocker_jpさんをフォロー

[dpor107-blog]

http://ift.tt/2hk6uw1 どのホームページを構築する. このビデオを一歩ずつチュートリアルのための高品質を使ってウェブサイトにWix具体的には、このビデオでは、どう仕組みを構築した鉛の生成"により買付けをしていますので、住宅の"ウェブサイトのために私のビジネスです。 チェックしてみてください、3000語のブログにこのビデオに設置し、よりきめ細かく周囲のWixウェブサイト制作工程、 のオンライン時代の私たちが生きているプロのサイトは絶対必要なほぼすべてのキャリアの選択事業の新規事業の立ち上げを担当。 良いサイトで同時に操作マーケティングのツールとしては、店舗-プラットフォーム、展示作品や技術、通信チャネル、エンジンとしてブランディングします。 したい場合はウェブサイトではマルチタスクすべてのこれらの職務には力Wixは必要なものです。 この投稿につきましては、段階的なガイドの方のホームページが作成できる. のほか、歩きを通じて及び内容のご自分のサイトにも注力してまいりますことを重視ブランディング、マーケティを保証する効果と美しいものです。 などが不要で段階的なガイドの作成に最適なウェブサイト： お客様のブランド戦略 最初のタスクごと工夫の詳細なブランディング戦略です。 んを始めたいウェブサイトを作る前に固まっていうサイトの目的は、その対象は、その指導の視覚の哲学や、その音声です。 これらすべてが明確にしていただいた方への追記 特定対象市場：フトで食糧を栽培しています。 る人口動態のグループの組織で所属しているのか？ 何がいいのか。 どのように見えるものか。 どのように企業やウェブサイトの影響で生活すか？ 研究競合他社：グリップのような競争であって、自分の強み-弱みを見極めて、どのようにでき彫りのチャンスをお楽しみください。 定義したブランドのアイデンティティの場合に記述するお客様のブランド三つの言葉は、何でしょうね？ の視したブランドか。 とお考えのお客様のブランドの個性を抽出から有形特性のような色で、語彙、スタイルです。 準備の一貫したブランディング素材：ここでは時間の実践を準備する材料が載のサイトや他のプラットフォームです。 例えば、ロゴ、画像、スローガン、動画、テキスト形式のコンテンツです。 彼らはすべて対応をブランド-アイデンティティやブランディング戦略です。 アプローチのデザイン このウェブデザインそのものだけに展開しております。 Wixなものにするにはを使うの権利のためのウェブサイトのスタイルです。 選択テンプレートサイトのテンプレートで基礎を設計するものとします。 理想的には、テンプレートを選択してレイアウトに必要な時に必要な書式に従ってブランディング戦略です。 Wixには、広大な選択の華やかなサテンプレートのための複数テーマに、スタイルや目的にします。 ぜひ、お時間を選択最適なビジョンです。 カスタマイズテンプレート：お客様の心には、テンプレートでで自分だけのサイトのカスタマイズすることによって、編集を加え独自のコンテンツ（画像、テキスト、リンク、ビデオ、オーディオ)精製設計に必要な場合には色や形状、ページの順番は、フォントの選択肢となります。 自カスタマイズできるとして基本として凝らしていくことが出来るでしょう。 このギャラリー Wixサイトの作成からテンプレートとつながりも見えてきます。Wixユーザーは弊社のテンプレートのような個人のサイトです。 調整にありまぐるしくポジションを変えながらウェブサイトを作るだけでは選択の画像や色をします。 を追加できるさまざまな機能を強化するためのサイトのデザインのような視差scrollingtoの追加次元のサイトでは、背景動画が注入ダイナミックな動き、広帯を際立たせる、ページレイアウトとなります。 使い勝手を最優先 Webサイト、アルとして有用な存在でなければならな優しいユーザー体験サイト訪問者へます。 美しいサイトが正常に機能しないません。 として作成するサイトの点にご注意くださいこれらの重要なポイント： ナビの流れを確認し、サイト構造が明確であり、直感的で簡単にナビゲートとページを介をメインメニュー内のリンクです。 コンテンツ階層:コヒーレントコンテンツ階層ガイドは、訪問者を通じてサイトのコンテンツの最しています。 最も重要な面で最も著名なのだとはっきりと分かる表現-記述することを反映します。 このページのサイトでは、問題が発生する良い例コンテンツの階層からのオーダー���応えてきた。 コアクション:CTAsのメッセージを招へいするなど、サイト訪問者への直接行動には、"登録無料"または"お得。 にされているので、来場者に明示的に何かしたい定されています。 作成方法を学ぶ最適なCTAsに追加するときは、その前にしています。 読みやすさのウェブサイトの保有ればコンテンツを実際に読むのか？ 必ずご利用の明確なフォントは快適なフォントサイズ、文字色に対し、背景色、利用したい"空白"周辺のテキストです。 フッターの底部サイトの一部として知られる、"フッター"には、"ヘッダ")です。 Footersない場合にはサイト訪問者が利用できるさまざまなかたちで更なるシナジー効果、例えばリポジトリを追加してください。すべてのコンテンツの情報がどのボタンを結ぶためのソーシャルメディアチャネルの表示の簡易サイトマップリンクするためのすべてのページのサイトを書概要について項の規定、またはサイト免責事項本文です。 準備のための検索エンジン くらサイトのランクが際立つサイトの検索結果の最も貴重な増交通、なぜこのような取り込み検索エンジン最適化（SEO）で作成する場合のサイトです。 内にオンラインマーケティング、SEOで科学そして、私たちはこの重要な要素: 研究キーワード:お客様の靴の潜在住またはクライアントです。 ではどういうことすると検索にGoogleができるようサイトです。 キーワードによる利用のご案内SEO戦略です。 判断するキーワードでは目標とすべきます。 テキスト：バイオ、ブログ、フッタ、FAQ–スポットとして、テキストは悠久のSEOです。 実際のコツは微妙なとこれまでにないaltova missionkit for enterprise software architectsには、以下のキーワードサイトのテキスト形式のコンテンツに妥協することなく、内容をしたりできるようになっている。 検索エンジンクローラはスマートであれば、という思いを大切にしてい音のものように、その下にランクします。 メタタグ:メタデータはわかりやすく見えるサイト訪問者へます。 検索エンジンは、しかし、読んだメタデータ制御可能ですかはい、どのように現在のサイトの検索結果です。 このガイドの使用方法について消費者が理解のメタタグを有利になります。 Altテキスト検索エンジンに読むことができない画像（真 こえてくるということではない画像は無意味です。 全ての画像がアップロードしたホームページ"Altテキスト"に追加します。 この非常に短いラインについて説明しました検索エンジンに何を描いているイメージは、で画像を"発見"するように検索結果です。 こちらはaltテキストガイドラインに従ってます。 リンクビル:広く、検索結果ランキングの改善場合は他のウェブサイトへのリンクサイトです。 で提出し自社サイトのディレクトリの下のすべてのソーシャルメディアプロファイルがインストールサイトをサイト訪問者へのコンテンツです。 こSEO対策には長期間かかるプロセスは終わらない一度サイトを立ち上げ。 る必要がありま磨き続けていきますによって勝つためには、持続可能な成果です。 Professionalizeサイト を行っており、オンラインお問い合わせくださいまたはサービス、問い合わせておいてください独自のサイトを向上させることができま専門的な成功です。 によっては産業分野のサイトが提供サーバーにアップロードするよりも対象とする市場です。 例えば: Wix予約の理想的なソリューションのためのご予約の予約オンラインでの管理スケジュールにより効率的なもののひと時をご予約す。 Wix音楽の最先端のトミュージシャンの方を拡張したいが読者を維持しつつ総。 Wix音楽でご利用いただく音楽を直接ウェブサイトは、常に100%の利益となる。 同時に、その配布のご音120以上のデジタル店です。 Wix店舗にも便利な方法を作成および管理、アース-セレブレーション。 ように設計されていまWix店台を保証する製品に最も適した魅力的なお客様との円滑な購買プロセスです。 結果を見ること華やかなオンラインの店舗では、すべて作成されたWixます。 必須のアプリのWixアプリの市場毎の選択アプリをお願いしました。を満たすウェブサイトの可能性を最大限にします。 考えると、たとえば、Googleマップでは、現在地と目的地の方向は、先端形態維持にお、請求書管理ツールのための組織簿記および多くの、多くのります。 Goモバイル 各サイトのモバイル版です。 この事実をいくつかご紹介します。 携帯ウェブの利用統計ることを示すインターネットユーザーの現在時のサーフィンのインターネットモバイルデバイス上では実際にコンピュータです。 Googleでも最近公表したそのアルゴリズムを優先してモバイルフレンドリーなウェブサイトの検索結果です。 結論が明確ではできないと思いませんの未来のためのウェブサイトに追加しないでくださいモバイル版です。 幸いなことにWixサイトの所有者にWixモバイルエディタでは非常に容易にするモバイル閲覧、レイアウトを調整し、デザインのためのモバイル画面サイズとなります。 きをカスタマイズサーバに十分な注意を払い、読みやすさ、ナビゲーションや画像のサイズです。 保人事 by Enoch Escalante