この記事は FOLIO Advent Calendar 2022 の 22 日目として公開しています。 adventar.org みなさん、お元気ですか？ 僕はとても元気です。この春、生まれ育った地域にUターンすると同時に転職したのですが、住環境の向上と良い職場に恵まれたのもあり充実した日々を送っています。 この転職と転居は人生におけるターニングポイントになるような出来事だったと思うので、備忘録として書き残しておこうと思います。 転職 業務委託エンジニアから証券会社のエンジニアへ 面接は FOLIO しか受けてない コミットメント・シフトによる転職 コミットメント・シフトどうだったか 転居 娘の転園 地元に帰ってきて 転職・転居後の暮らし 終わりに 転職 今年の7月に FOLIO の社員になったのですが、転職に関して特徴的だったことをざっくり上げると、 ずっと SES のエンジニアだったけ

Webページの表示速度が遅いと悪いことだらけ 果たしてページの表示速度の改善は、SEO対策のためだけなのでしょうか？ 答えは否、私はページの表示速度は[ ユーザビリティの向上 ]のためにあると思っています。 ”Amazonの調査では、ページの表示速度が0.1秒遅くなると、売り上げが1%低下することが明らかになった。 Googleからは、ページの反応が0.5秒遅くなるとアクセス数が20％低下すると発表されている。 さらに米Aberdeen Groupの2008年の調査では、スピードが1秒遅くなるとページビューが11％、コンバージョンが7%、顧客満足度が16%低下することが報告されている。” 引用：Webサイトのレスポンス速度から見るインターネットユーザーの閲覧行動と企業の課題 ページの表示速度が遅くてイライラしてしまうサイト、ありますよね？ 私も気長なほうではないので、読み込みが遅いページは

FASTCODINGディレクターのせりなです。 今回はプログラミングを始めるとき、HTMLコーディング初心者が必ず引っかかる「絶対パス」「相対パス」「ルートパス」について勉強しましょう！ パスとは まず、「パス(path)」とは「道」のことです。 HTMLコーディングでは、ページをリンクさせたいときや、画像を表示したいときに使うので、「表示したい画像がどこにあるのか」の道順を書くのがパスの役割です 例えば、Webサイトのリンクを指定するとき、こんな書き方をしますよね。 <a href="https://fastcoding.jp/">リンク先の名前</a> この場合で言うと、「https://fastcoding.jp/」の部分がパスです。 簡単にいうとURLの書き方のことを「絶対パス」とか「相対パス」って呼ぶんだなって考えておいてください。 「絶対パス」と「相対パス」の違い 今回はマンシ

おはようございます！ FASTCODINGディレクターのせりなです。 さあ！Webサイトを作ろう！！デザインはデザイナーさんに頼んだし、 コーディングはコーディング代行会社に依頼しようかな～ なんてとき、 コーディングのことがよくわからないディレクターやデザイナーのあなたは悩むはず 自分が作りたいサイトのこと、やりたいこと、 どうやってエンジニアに伝えればいいんだろう・・・ そんなときにエンジニアとディレクター・デザイナーさんの溝を埋めるのが「コーディング指示書(仕様書)」と呼ばれるものです。 初めてだし指示書の書き方なんてよくわからないよ、という方のために今回は一般的なコーディング指示書の書き方についてまとめてみました！ HTMLコーディングに必要なものを用意する まず、Web制作会社やコーディング代行会社にコーディングを依頼するとき、最低限必要なものはこの3点かなと思います。 1. コ

FASTCODINGの波乗りディレクター尾島です。 ホームページを制作する上で、近年では欠かすことが出来なくなってきているのが JavaScriptの存在です。 JavaScriptとは JavaScriptとは、数多あるプログラミング言語のひとつで、 上手に利用する事でさまざまな機能やアニメーションなどを実装することができます。 JavaScriptはコードなどがとてもシンプルで、基礎的な部分は他のプログラミング言語と 同じところも多い為、入門しやすい言語ともいえます。 他の言語と異なる点といえば、プログラムを動かすのがサーバー経由ではなく クライアントサイド（ブラウザだけ）で実行することが可能な点となります。 JavaScriptで出来ること 実際のユースケースとしては、 フォームのメールアドレスが正しい形式で入力されているかチェックしたり、 ローディングのアニメーションを表示、スライ

こんにちは。FASTCODINGデザイナーの七転び八重子です。みなさん、Webデザイン時のワイドサイズやファーストビューサイズを何ピクセルに設定してますか？私は半年ごとに支流のサイズを確認しているので、２０２１下半期スタートに合わせてまとめてみました。前回2020年10月にまとめましたが、今回は、デザインのレイアウトも考慮に入れています。目次 ソリッドレイアウトorリキッドレイアウトorフレキシブルレイアウト？ ソリッドレイアウト（固定レイアウト）とは？ リキッドレイアウト（可変レイアウト）とは？ リキッドの進化系... どうも、FASTCODINGディレクターのせりなです。 Webサイトを制作するとき、デザインの横幅を何pxにすればいいかなーって思ったことありませんか？ パソコンは何pxで作るの？スマートフォンは何pxがいいの？ って聞かれることが多いので、デザインの横幅でもう迷わないた

2016 - 06 - 19 【永久保存版】はてなブログで行ったおすすめカスタマイズまとめ はてなブログで行ってきたカスタマイズをまとめました。 全くの素人が、他の方で紹介されているコードを見ながら何とかここまで来れました。 確かに素人ですが、他人がしたカスタマイズ一覧をそのままコピーするのではなく、「もしこれが出来れば、もっと見やすくなるのに」と思ったことがあれば、そのやり方を自分で調べてサイトを作ってきました。 サイト構成の見やすさを改善して、回遊率を上げたい人はぜひ参考にしてみてください。 PC、スマホ共通 目次を自動で生成 記事の冒頭に、目次を自動で入れてくれます。記事に毎回、目次を埋め込む必要がありません。ちなみに目次はあった方が読みやすくなります。何が記事に書いてあるのかを予告することにもなります。 nohack-nolife.hatenablog.com 記事下に関連記事を表

2017/10/07：内容更新しました 軽くて薄くて安いノートパソコンが欲しい！ そんなに良いものじゃなくても良いから！ 適当に持ち歩いてブログ書いて軽くネットサーフィン出来るくらいのパソコンないかなー？ って事で探してみました スペックが必要な場合は既に家にある物を使えばいいので、今回重視するものは ネットサーフィンしたり動画見るくらいなら問題のない程度のスペック 値段は3万円程度。出しても5万まで 軽くて薄い事。重くても2kg程度までのモノ タブレットは無し です そんなわけで滅茶苦茶調べました！　半日かかりました その結果、かなり厳選して、2つ候補が上がったんですけど、事情があって両方買ってしまいました！ 自分が半日調べた結果を共有するので、是非皆さんは半日もかけずに参考にしてくれると嬉しいです

Site will be available soon. Thank you for your patience!

どうも、最近MAYAを練習中のありです。 MAYAでキャラをモデリングして、リグもつくったのでモーションをつけてみました。 せっかくなんで今回はちょっと難しそうな「忍び足」の動きを作ってみたんでっす。 どうでしょう？ 忍び足に見えるでしょうか。 自主制作アニメではもっとシンプルで簡単なモーションなんですが、今回はちょっと色んな関節動かしてやわらかい感じにしてみました。 まぁＣＧ知らない人が見たら「ふーん、で？」てなもんでしょうけど。 これでひととおりモデリング→リギング→モーション→レンダリングとやったことになります。 ん～。やっぱりmaxのほうが使いやすい。。

前回の記事はこちら。自分で書いた筆文字のロゴの作り方をまとめています。 「筆文字ロゴデザイン」をお客様に提出したら、「別の案も見たい！」とご要望をいただきました。 う〜ん。わかります。その気持ち。おそらく、仕上がったものがイメージよりもちょっと固い印象だったのかも。 筆文字は「フォーマルな印象」や「伝統的な印象」を演出するのが得意かと思いますが、今回は「まずはみんなで着れるTシャツにプリントできるロゴ」という目的が一番強いようでした。 色々使いたいけど、その中でも優先度が高いのが「Tシャツ」であれば、筆文字はちょっとお堅いかも。 聞くところ、メンバーさんはみんな20代と若いしね。うん。ちょっと渋いよね。と、いうことで 「その表現方法が内容（対象）に合っているかどうか」 ということも、いいデザイン、わるいデザインの判断基準に入れると良さげだなあと感じました。 和っぽくしたいから、筆文字！硬筆

READ MORE いくつかメディアサイトのデザインを経験してきた私ですが、今回視覚的に読みやすい記事デザインについて考えてみました。 せっかく面白い記事を書いていても、読み手がストレスを感じてしまうようなデザインでは、途中で読むのをやめてしまったり、「あ、読みにくそうだな〜」と思ってしまわれると読まずに離脱してしまいます。 ブログは内容が大切だと思いますが、せっかく記事を書いているので「読みやすさ」についても考えてみましょう＊ 読みやすい記事デザインの７か条 基本webは流し読みである まず大前提に、webというのは基本流し読みです。 情報があふれているこの世界ですから、ひとつひとつ読んでられませんよね。 初めてきた人は特に、自分に必要な情報かどうか判断するため、本文は読まずスクロールしながらタイトルなどで流し読みをします。 そのため、来た人が「始めから最後まで目を通している」という認識

僕の作った自主制作アニメ「New」がゆうばり国際ファンタスティック映画祭2016でノミネートされ、上映してもらえることになりました。 今回僕がエントリーしたインターナショナル・ショートフィルム・コンペティションは各国から短編映像作品を集めた部門で実写やアニメなどジャンルも様々です。 272作品（国内209、海外63）の応募数があり、その中からノミネートされたのは20作品とのこと。 選ばれた作品はこれ 深海魚のヒトガタが主人公！？自主制作アニメ「New」がついに完成！ 映画祭は北海道の夕張で2月25日から28日まで開催されています。 ３つの会場でそれぞれのプログラムで映画をやっていて、映画祭中は無料の巡回バスで好きな場所を周ることができるようになっています。 昨年の来場者数は14368人ということですが、自主制作の短編作品を何人の人が見に来るんでしょうか。 しかも僕の場合ピクサーの新作「アー

365777

なぜアカウントが停止になったのか はてブ削除されて本当に泣いた！はてなで知り合った皆様へお詫びと感謝 – ナースほど誇れる仕事はありません すいません、勝手ながら言及させていただきます。 先日この記事を読んで、「いきなりアカウント停止なんてあるんだ」とちょっと驚きました。 私もはてなブックマークは利用しているので、なぜこのアカウントがはてぶ利用停止になったのか気になったので調べてみました。 この方のブックマークは現在強制プライベートモードになっていて見ることができないので、Googleのキャッシュから確認してみました。 11月分と10月分の一部は確認できました。 はてなが利用を停止した理由は、「スパム行為があった」ということらしい。 はてなブックマークにおけるスパム行為の考え方および対応について – はてなブックマークヘルプ レディ・ジョーンズさんのことは全く知らないので、「いったいどんな

なあなあ、好きな女子の話しようぜー ってわけでタイトルなんだけど、良いよね 何もMってわけじゃなくて、正確に言うと本気で怒ってはないけど、怒った感じにしてくれるのが良い（本気で怒った女性は苦手だ。こわい） ちなみに「叱ってくれる」ではないから！　「怒ってくれる」だから！　説教とかされたくないわ！　女性がマジでキレる系の時の話でもないから！　ああ言葉で表すの難しいな！ 説明しても伝わりにくいから例を出すね とっても分かりやすい例 例えばさ、デートする事になったとしてさ、僕が寝坊して待ち合わせに遅刻したとするじゃん？ 15分遅れて慌てて集合場所に行くとその子が待ってるのね。で 「ごめん！　遅れた」 って言うじゃん そこで 「いいよいいよ」 じゃなくて 「おそーい！」 って言ってほしいわけ！ わかんないかな？　これわかんないかな？ そんで再度謝るわけ。「いやホントごめんってー」みたいなその後 「

自主制作アニメ「New」のデータでgifアニメでも作ってみようかなぁ、なんて思いましてやってみました。photoshopのバージョンはCS5。 じゃじゃーん！ 別にphotoshopを使わなくても、パラパラ漫画的な画像さえ用意すれば このサイトで簡単に作ることはできますが。。 ３０枚以上の画像をgifアニメにしたかったので、photoshopで作ってみました。 ではさっそく作り方をご紹介しましょう★ まず連番画像をphotoshopに読み込みます。 フォルダの中の連番データをレイヤーにして読み込むには、 「ファイル」→「スクリプト」→「ファイルをレイヤーとして読み込み」 使用をファイルからフォルダにして、参照からフォルダを選択します。 ウィンドウ→アニメーションでアニメーションのやつをひらく。 右下のメニューから 「レイヤーからフレームを作成」を選択 レイヤーの下から読み込まれてしまうので

「ポーラー・エクスプレス」はロバート・ゼメキス監督による2004年公開の映画。 北極へ向かう列車ポーラー・エクスプレスへ乗って冒険の旅へ。 あらすじ クリスマス・イブの夜、少年はまだ寝付けない。 「サンタなんかいないかも」 妹のように無邪気にサンタクロースを信じることができなくなっていた。 北極は人が住むような土地ではないことを知っているし、サンタクロースの存在を否定するかのような情報も入ってくる。 今年はサンタへの手紙を書けなかった。 父の言う、「魔法の終わり」の言葉が耳に残る。 ベッドに入ってうとうとしていると、どこからともなく列車の音が聞こえてくる。 家の前に到着した列車はポーラー・エクスプレス。 サンタがいるという北極へ向かう急行列車だった。 予告編動画 The Polar Express (2004) Official Trailer - Tom Hanks, Robert Ze

子育てで悩む３大問題があると言われています（ぼくに） その３大問題とは スマホいつ持たせるか問題 ＤＳ欲しい言い出したらどうするか問題 サンタいることにするか問題 の３つです。 ゆゆしき問題です！！ 今日はそんな３大問題から 「サンタいることにするか問題」について深く考えてみたいと思います。 ちなみに僕の場合は物心ついた時から、クリスマスプレゼントにどう見てもお母さんが描いたイラストと字でクリスマスカード的なものがそえられてたので「ああ、お母さんがサンタのフリしてるんだな」と思ってたので、サンタが実際にいると思ったことは１度もありません。 僕の奥さんはと言うと小学校３年のときにお父さんがこっそりプレゼントを置きに来たのを目撃してしまい、サンタさんが嘘だったことに気付いてショックだったそうです。 もし目撃してなかったらいつまでサンタ信じとってん！って突っ込んどきました。 びしっと。 基本的な