投稿

☆新人ブログ【29週目】☆

イメージ
みなさんこんにちは🙋 今回は29週目に行なった作業をお伝えします◎ 10/11~10/15までの主な仕事内容 ① 高速道路関係企業さまHP修正 ② 建設関係企業さまHPマニュアル作り ③  産業廃棄物関係企業さまHP修正 ④ 自社SNS投稿&チェック ⑤ 住宅関係企業さま店名トレース ⑥  情報誌作業 今回は【 ② 建設関係企業さまHPマニュアル作り 】についてご紹介します! ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 建設関係の企業さまのHP制作をお手伝いさせていただき、 今回、そのHPの編集方法をまとめた マニュアル を作りました! HPは 「 jimdo 」 というツールを使って制作したのですが、 私自身も初めて使うツールだったので、 作業中に初めて知ったことがたくさんありました🙋 なので、今回はその「jimdo」の概要や編集方法について 少しご紹介させていただこうと思います✨ jimdoとは、KDDIウェブコミュニケーションズが提供する ホームページの作成ツール です! ドイツ生まれのサービスですが、 日本語にも対応しており、 世界で170万以上のユーザーに導入されています 🙌 無料から使うことができ、専門知識がない人でも操作しやすいような 作りになっているのが特徴です◎ 私も今回初めてjimdoで編集作業をしましたが、 Wordpressやdreamweaverよりも操作が簡単で、分かりやすかったです! 特に印象的だったのは、 画像の挿入 です! Wordpressでは、「メディア」という場所にHPで使用する画像を入れてから 各ページにアップロードしていたのですが、 jimdoではそのような画像をまとめて保管しておくような場所は無く、 PCフォルダから直接ドラッグ&ドロップで挿入するという方法 でした! 基本的には、文章や画像などのコンテンツを積み重ねて作り上げる感じなので、 初心者の方でも直感的に操作できるんじゃないかなと思いました😲💭 ●無料で簡単にHPを作りたい ●ブログやネットショップなど、さまざまなサイトを作りたい ●アクセス数を増やしたい など、 jimdoはそういった方におすすめしたいです🙌✨

☆新人ブログ【28週目】☆

イメージ
  みなさんこんにちは🙋 今回は28週目に行なった作業をお伝えします◎ 10/4~10/8までの主な仕事内容 ①  新築4物件間取り図トレース ②  新築4物件地図トレース ③  産業廃棄物関係企業さまHP修正 ④ 他社SNSチェック ⑤  SNS投稿準備 今回は【 ②  新築4物件地図トレース 】についてご紹介します! ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 前回、ヴィラアンソレイエ新築4物件の間取り図を作りましたが、 今回はその物件の アクセスマップ を制作しました🙌 同じデータの中でも物件ごとにレイヤーで分けて作りました! アクセスマップを作る際、特に気を付けた点があります。 1つ目は 【ランドマーク】 です✊ ランドマークとは、 商業施設や会社・ビル・ホテルなど、 土地における方向感覚の目印となる建物のこと です🙌 年齢の若い人でも高齢者の方でも、その建物名を見ると だいたいの場所が把握できるような 認知度の高いもの を 選択するように心がけました。 特に、 有名企業や大型商業施設、コンビニなど です👀💫 建物ではありませんが、 最寄りの駅 も必ず入れます!! 2つ目は 【到着ルート】 です✊ 地図を見る人に向けた、目的地にたどり着くまでのルートを わかりやすく作るよう意識しました! 例えば、 地下通路や私道を通り抜ける道など 目的地までの近道があったとしても、 その土地周辺を知らない人にとってはわかりづらい場合もあります。 なので、多少遠回りになっても 、 わかりやすくて大きな道 を 選択する ようにしました👀 また、到着までに必要なさそうな細い道などは全て取り除き、 最小限の道だけで作りました。 シンプルで分かりやすい地図になったと思います🙋 今後も地図を制作する際は、目的地までの道のりを確認し、 どのような案内なら地域に馴染みのない人であってもたどり着くことが できるのか 、を意識していきたいと思います🙌◎ 【▲ヴィラ・アンソレイエ郡中のアクセスマップ】

☆新人ブログ【27週目】☆

イメージ
みなさんこんにちは😀✨ 今回は27週目に行なった作業をお伝えします🙌 9/27~10/1の主な仕事内容 ①  新築4物件間取り図トレース ②  自社HP編集 ③  新築4物件地図トレース ④ 他社SNS設定・投稿 ⑤ 保育園HP更新 ⑥ 産業廃棄物関係企業さまHP校正・修正 今回は【 ①  新築4物件間取り図トレース 】についてご紹介します! ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 今回は、ヴィラアンソレイエの物件が新しく 南野田・堀江・郡中・見奈良 に 建設されたので、その物件の間取り図を制作しました! 1階と2階に分かれていて、それぞれ別の住人が住むようになっています◎ マンションなので部屋の間取り図はほとんど同じ感じの作りになっていましたが、 一番右側と左側の部屋だけは風呂場やキッチンの配置が対称 になったりしていました◎ 各物件、 1階:右側の部屋・左側の部屋 + 2階:右側の部屋・左側の部屋 + 見奈良8部屋 + 南野田A棟B棟各4部屋 で、 全部で 20部屋分 の間取り図を制作しました😣 また、各物件の駐車場間取り図も同時に制作しました😣! 制作する時、特に気を付けたことが 下絵の縮尺を均一にすること です! 下絵の縮尺が各物件ごとで変わってしまうといけないので、 同じ大きさになるように 寸法 を確認しながら配置しました◎ ほかにも、壁や床を作る時に引く線同士がぴったりくっついているか見るために アウトライン表示 に切り替えながら作業をしたり、 壁や住設機器との間隔を一定にするために 基準となる四角形を作ってから配置 したり 細部までよく確認しながら作業をしていきました✊ 難しかったのは、 入口(玄関) です😂 1階と2階で住む人が違うので、 入口も2つあります 。 1階の間取り図に2階の入口は必要ないので削除したり、 2階の間取り図には1階には無い階段やホールを追加したり、、 それに階段には階段下収納などもあったので、 作業の途中で頭の中が混乱することが何回かありました😅💬 20部屋分の間取り図を完成させるまでにはかなり時間がかかってしまいましたが、 細かい部分までよく確認しながら作ることが出来ました!! 間取り図の次は新築4物件の地図も制作することになっているので、 引続き頑張っていこうと思います😣🔥 【▲ヴィ

☆新人ブログ【26週目】☆

イメージ
  みなさんこんにちは😊 今回は26週目に行なった作業をお伝えします🙌 9/21・9/22・9/24の主な仕事内容 ①  情報誌作業 ②  住設関係企業さまパンフレット制作 ③  自社HP編集 ④ 他社SNSリサーチ ⑤ 新築物件間取り図トレース 今回は【 ③  自社HP編集 】についてご紹介します◎ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 今回は自社のHPに載っている 『得々ホームページ』 の編集作業を行ないました!! この得々ホームページはどういうものかというと、 とにかくコストをかけずにホームページを作りたいという方におすすめ で、 初期費用0円・月々800円 でお手軽に開設できます🙋 また、制作費やサーバ使用料、メールアドレスもすべて含まれており、 その他オプションもついています🙋 ↓完成までの流れとしてはこんな感じです↓ 今回はこの得々ホームページの部分に 今まで制作してきたホームページを一例として載せることになり、 その作業を私が担当させてもらいました🙇 まずは各会社のホームページのトップの部分をキャプチャーしていき、 適切なサイズに変更していきました✊ そしてドリームウィーバーのhtmlの中でタグを設定し、 画像を1つずつ入れていきました✊ 今回は <img>・<div>・<a href>・<a>・<p> などのタグを使用しました! この中で <a href> タグは所定のリンク先を指定してページを移動させる ときなどに使いますが、今回新しく学んだことがあります👀 それ は <a href="リンク先のURL " target="_blank" > の "   target="_blank" を 最後につけることで リンク先を別ウィンドウで開けるようになる ということです! 別ウィンドウで開けるようになるということは 閲覧者からするとウィンドウがどんどん増えていくことにはなりますが、 リンク先からリンク先へ遷移し続けても、 ウィンドウ を切り替えるだけで 先ほど閲覧していたページに戻ることができるというメリットがあります✨ とても便利なタグなので、これからも覚えて

☆新人ブログ【25週目】☆

イメージ
  みなさんこんにちは✨ 今回は25週目に行なった作業をお伝えします🙇 9/13~9/17までの主な仕事内容 ①  住設関係企業さまHP修正 ②  住設関係企業さまパンフレット制作 ③  情報誌作業 ④  産業廃棄物関係企業さまHP修正 ⑤ 自社SNS編集作業 今回は【 ②  住設関係企業さまパンフレット制作 】についてご紹介します◎ ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 以前から住設関係企業さまの名刺やポストカード、角2封筒の制作を させていただいていましたが、 今回は パンフレット (A4 巻3つ折り) の制作 もさせていただくことになりました! この巻3つ折りのパンフレットは外面・内面各3ページずつの、 合計6ページ になります🙆 情報量も名刺やポストカードよりも多いので、 どのページにどの内容を載せるのか事前によく考えてから 作業をする必要がありました!! 私は頭の中だけではすぐにわからなくなってしまうので、 実際にA4用紙を使って ラフ書きする ところから始めました😅💭 ラフ書きが終わったあとは、早速illustratorでの作業に移りました✊ ↓↓パンフレットの外面と内面に掲載する内容はこんな感じになりました↓↓ ●外面・・・会社概要、アクセスマップ、HPのURL、キャッチコピー ●内面・・・事業内容、取扱商品 そして全体のデザインは 【 外 面 】 【 内 面 】 このような感じのデザインになりました🙌✨ アクセスマップ なども自分で作りました! 特に意識した点は、 背景 です😊 外面は Photoshopで切り抜いた住宅の写真を青空の写真に合成させ、 それを3面全体に配置しました◎ 1つの写真を3面に配置することで、印刷物特融の折り目部分の ちょっとしたズレにも対応することができます! 内面は 一番左側だけ透過させたキッチンの写真を背景に置きました。 はじめは真ん中、右側と同様に白色の背景にしていましたが、 パンフレットを開いた時に、パッと見で住設会社が取り扱っている商品の 説明だと分かるように背景に写真を配置することにしました! もちろん他にも意識した点はたくさんあります😆 今回は初めてパンフレットを制作しましたが、 今まで制作してきた印刷物の中で一番難しかったです😅💬 まだ初校の段階なので、これから修正も

☆新人ブログ【24週目】☆

イメージ
  みなさんこんにちは🙋✨ 今回は24週目に行なった作業をお伝えしたいと思います!! 9/6~9/10までの主な仕事内容 ①  住設関係企業さまHP修正 ② 自社HP更新 ③  同業他社SNSリサーチ ④ 自社SNS各種設定・投稿 ⑤ 保育園HP更新 ⑥ 情報誌作業 ⑦ 産業廃棄物関係企業さまHP修正 今回は【 自社HP更新 】についてご紹介します! ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 今回は自社のHPに載せる、 SNS紹介のバナー を制作しました🙋 去年のアルバイト研修のときにもブログのバナーや、 弊社の無料貸画廊のバナーを制作していました! 【現在の新人ブログのバナー】 【研修ブログのバナー】 【弊社の貸画廊のバナー】 そして今回制作したのは こんな感じのSNSアイコンが横並びになったバナーです!! それぞれの公式HPからダウンロードしてきたアイコンをリサイズし、 illustratorのドロップシャドウの効果を使って立体的な感じに仕上げました👀 また、グレーの外枠は htmlのタグ で作りました! ↓↓ このようなコードを入れました ↓↓ <div style=" padding : 2px; margin : 5px 10px 15px 20px; border: 0px; background-color : #e8e8e8; "> コードの中身を少しだけ説明させていただくと、 ------------------------------------- ● padding ・・・ テキストコンテンツ自体とテキストコンテンツの境界線 文字と境界線の間の余白のこと ● margin ・・・ テキストコンテンツの境界線の外側の余白を指定するプロパティ ボックスとボックスの間に余白をつける際に使われる ● background-color ・・・ 背景色を指定するプロパティ ------------------------------------- 私はよくpaddingとmaginの意味合いを間違えてしまいます😓💬 ●パディング→ 要素の内部 に追加の領域を作成 ●マージン→ 要素の 周り に追加の領域を作成  htmlの作業をするとき、必ずと言っていいほどpaddingもmarginも 使用し

☆新人ブログ【23週目】☆

イメージ
  みなさんこんにちは🙋 今回は23週目に行なった作業をお伝えしたいと思います✨ 8/30~9/3までの主な仕事内容 ①  住設関係企業さま印刷物データ入稿 ② 住設関係企業さまHP修正 ③  同業他社SNSリサーチ・投稿 ④ 保育園HP更新 ⑤ 情報誌作業 今回は【 ③  同業他社SNSリサーチ・投稿 】についてご紹介します! ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー 前回のブログでもSNSについて書かせていただきました! 今回は実際に各SNSで 会社公式のアカウントを制作 し、 投稿の練習 を行ないました! 社長から参考書もお借りしました🙇 【社長に貸していただいた参考書】 SNSの基本的な知識に加え、ポイントや活用方法、応用まで幅広く書かれていました! SNS初心者の人でも理解しやすい内容の本だと思います🙋✨ 登録したアカウントは、 1. Twitter  2. Instagram  3. Facebook  4. YouTube  5. LINE  6. Pinterest の6つです🙋 その中でもこれから主に運用していく予定のものは1~4のSNSになります✊ それぞれの公式ホームページを見ながら登録作業をしていきました!! アカウントの登録が終わったあとは Instagram を使って投稿の練習をしました! 今回初めて PC版のInstagram を使用しましたが、携帯のInstagramと違うところを 2つ 発見しました👀 1つ目は、 Instagramで検索をかけてページを開いただけでは投稿ができない ということです!! それはどういうことかというと 「+」マークがどこにも表示されていないから です😂💬 これを解決するためには、 Instagramを検索する前に 「デベロッパーツール」 に切り替えておく必要があります! このツールに切り替えることで、 PCからでもiphoneやiPad、Galaxy などの表示画面で Instagramを操作することができます👌 【デベロッパーツールでPC画面からiphone6/7/8Plusの画面に表示変更】 ※↑の「+」ボタンから投稿できます そして2つ目は、 1回の投稿で1枚しか写真をアップすることができない ということです😓💬 投稿の練習ということで、何枚か加工を加えた写