さと

フロントエンドエンジニア志望の学生。デザインと写真が好き。

さと

フロントエンドエンジニア志望の学生。デザインと写真が好き。

最近の記事

固定された記事

就活の制服と性表現

性表現、という言葉をご存知でしょうか?セクシャルマイノリティの方であれば知っている方も多いかもしれませんが、詳しくない方の方が圧倒的に多数だと思います。 人間の性別には、区分が4つあります。 生まれ持った性 心の性(性自認) 恋愛対象としての性 身なりや口調で表す性(性表現) 僕自身、専門学校に入るまでは前の3つ(生まれ、性自認、恋愛対象)の性しか知りませんでした。僕は「女性ではない」という自認はあれど、「男性である」ほどでもないという感覚がありました。そんなこと考

スキ
8
    • 【人物ポトレ】ピンボケしちゃった!でもいい感じにしたい時のレタッチ

      ピンボケした。 何故か襟元にピントが合っている。 でも被写体さんの表情や角度が素敵だし、玉ボケもバランスいいし、ボツ にするのはあまりにも勿体ない。 なんならこれは夜ポトレなので、オールドレンズ風の柔らかいレタッチも上手くいかなさそう。 被写体さんを活かし、暗さを活かし、納得いくレタッチを探しているとたどり着きました。 必殺・モノクロ やり方は簡単。調整レイヤーで白黒を選択します。 その時点で白黒に変わるので、あとはプリセットより、好きな濃度を選ぶだけ。 都会的で

      スキ
      1
      • 【Heroku】PHPをdeployしてみる

        専門学校の卒業が近づく中で、いい加減にPHPを学校のサーバーから脱出させないとなと思っていました。 試行錯誤の上やっとHerokuでデプロイすることができたので備忘録として残しておきます。 今回はGitHubと連携させ、コミット&プッシュすることで自動的にHerokuにもデプロイされるようにします。 Herokuの環境をセットするアカウントを作り、heroku CLIをインストールします。 公式が一番わかりやすいです。 GitHubでリポジトリを作るGitHubへの登録に

        スキ
        1
        • 【PHP/Next.js】RSSを取得してnoteを埋め込んだ

          長いことブログをやっていたのでRSSの存在は5億年前から認知していましたが、やっとのことで手をつける気になりました。遅い。 RSSのURLを取得まずはRSSのURLを取得します。PCだとここ。 以下のURLがもらえます。 https://note.com/{ユーザーID}/rss.xml PHPを書くXML形式をJSONに変換する&CORSを突破するために以下のPHPを書きました。 <?php $api = "https://note.com/3go_moon/r

          【vercel】デプロイした時に日付がずれてしまう【タイムゾーン】

          vercelで公開したサイトを確認していると、1日ずれていることに気づきました。 開発環境では気づかなかったことなので、localhostでも再度チェック。また、普通にbuildしてチェック。 しかし、問題はありません。 ということはvercelでなにか引っ掛かってしまったのか? 調べてみると、vercelではタイムゾーンの関係で日本時間より9時間前の日付が表示されてしまっているようでした。 解決策date-fns-tzを用います。 $ yarn add date-fn

          スキ
          1

          ロゴタイプができるまで!初心者向けの道のり解説

          こんにちは!さとです。 授業で「ゲームでボイスチャット相手を探すアプリ」を制作しており、今回もロゴを担当させてもらうこととなりました。 今回はそのロゴををどのようにして完成させていったか、考えたことを順を追って話していこうと思います! サービス名とテーマカラーを並べてみるまずは、ロゴに必須であるサービス名とテーマカラーを並べてみます。どんなモチーフになるか、フォントになるかは未定ですが、この2点は必ず外せない要素なので、取り敢えず並べておきます。 フォントをいくつかピッ

          スキ
          2

          フロントエンド志望の専門学生が面接で意識したこと3つ

          こんにちは!さとです。 僕が23卒フロントエンドエンジニアとして就職活動を行なっていたのは、2020年11月末〜2021年4月頭の約4ヶ月半でした。具体的に何をしていたのかを通じて、早期就活にはどういったことが必要なのかをまとめていきます! そもそも何回面接をしたのか?5社エントリーをし、一次面接を3回、最終面接を2回行いました。また、グループ面接の経験はありません。 ちなみに二次面接は、技術課題など面接とは関係のないものばかりでした。 就活生が面接で意識することその前に

          スキ
          3

          就活のファーストステップ。志望動機を書くコツ

          こんにちは!フロントエンドエンジニアとして23年4月から社会人になる予定のさとです。 就活を始める頃、何社も受けなければいけないことが大変だと思った人も多いのではないでしょうか。 なぜ大変なのでしょうか?どうして足が重いのでしょうか? 一因は志望動機の見つけ方にあると思います。会社にエントリーシートを送るという早い段階で必要になるアピール且つ会社への理解度が一番浅い頃だからではないかと考えます。 今回は、悩むことの多い志望動機の見つけ方について、僕の経験なりにお話ししていきま

          スキ
          8

          【Photoshop】簡単2ステップで写真を格段に良くするレタッチ

          こんにちは!さとです。 趣味は風景写真を撮ることなのですが、先日初めてポートレート撮影に参加してきました。 普段はレタッチに苦手意識があり、いかにカメラだけで綺麗な写真を撮るか…に拘っていましたが、 モデルさんがいらっしゃるとそうもいかないので、初めてPhotoshopで真面目にレタッチをしてみた体験記をお話しします。 Before/Afterこちらはぱくたそからお借りした画像です。 これだけでも十分に素敵な写真ですが、少しふわっとした柔らかい雰囲気を出してみましょう。

          スキ
          1

          【Vue.js】動的ルートマッチングで他データの受け渡しもしようとしたら嵌った

          結論から申しますと、動的ルートマッチングができる+他データの受け渡しもできるやり方で辿り着いたのは以下でした。 // App.vue<template> <div @click="increment">できた</div></template><script>export default { //略 methods:{ increment(){ this.$router.push({ name: "About", params

          スキ
          2

          一目でわかるレスポンシブデザイン実装方法【HTML/CSS/JavaScript】

          HTMLheadタグの中に以下を記載します。ただ、VScodeでファイルを作った際にhtml:5を打つと、これは自動で出てきます。ReactやVueにもデフォルトで記載がありますね。 // index.html<meta name=”viewport” content=”width=device-width, initial-scale=1.0″> CSS// common.css@media screen and (min-width: 481px) {/* PC向けス

          スキ
          3

          【下準備】これを読んでVue.jsを書き始めよう

          Vueが好きすぎてしがみついている亡霊です。 まだまだこの家に棲みたいので、棲家を快適にするために毎回行なっている設定をまとめていきます。 あわよくばVueに興味を持っている、新しいお客様の敷居を下げられることを願って。 環境vue@2.6.14 @vue/cli 4.3.0 vue router 3.1.6 上記がインストールできている状態で進んでいきます。 3xにしていなかったことに今更気がつきました。そちらでも動くとは思います。 そういえば、Vue CLIに新し

          スキ
          3

          【ロゴタイプ初心者向け】おさえておきたいポイント3つ

          初めまして!専門学校でWebについて学んでおり、将来はフロントエンドエンジニアになる予定のさとです。 基本はフロントエンドに関して、また趣味のデザインや写真、就活のことなどを発信していきます! ロゴデザインについてWebデザイナーの卵とWebエンジニアの卵が「うぇぶスタ」というブログを新たに運営することになったのですが、 このロゴを、ありがたいことに担当させていただきました! ロゴにデザイナー要素(クロップアイコン)とエンジニア要素(タグ)を入れてみました! ところで、

          スキ
          6