Blueskyのフォローお願いします！ 初めに 「SOFT SKILLS ソフトウェア開発者の人生マニュアル」という本を読みました。 この本ではエンジニアはセルフブランディングのためにブログを持つべきという主張がされていて、私もある程度共感しました。 一方で、費用対効果を考えてWordPressで構築せよということも書かれており、その点は疑問を感じました。 せっかくエンジニアという職についているので自分で作った方が良いんじゃないか？と。 WEBフロントエンドのエンジニアは自分の技術の見本市にすることができますし、それ以外のエンジニアに関してもフロントエンドの技術が一定以上あることを主張できます。これを考えれば、自分で作成することがセルフブランディングに繋がることは言うまでもないはずです。 しかし自分でブログを作るのは結構手間がかかります。ブログとしての機能やデザイン、ホスティング先等考える

HTML, CSS, JavaScriptをはじめとしたさまざまな言語に対応、クラウドでの同期機能も備えたオープンソースのコードスニペットマネージャー「massCode」がv3に神アップデートされたので、改めて紹介します。 macOS, Windows, Linux対応、日本語の入力など日本語環境も完全サポート。クラウドで同期できるので、すべての環境で同じコードスニペットを使用できます。 非常に快適で高速に動作し、VS Codeとの連携でさらに便利になっています！ massCode massCode -GitHub massCodeの特徴 massCodeのダウンロードとインストール massCodeの使い方 massCodeの特徴 massCodeは、デベロッパー向けのコードスニペットマネージャーです。ライセンスはGNUで、オープンソースなので商用でも無料で利用できます。 macOS 1

clamp(下限, デザインファイル上のサイズ / アートボードの横幅 * 100vw, 上限); 例） 横幅375pxのアートボード上で30pxの文字 font-size: clamp(24px, 30 / 375 * 100vw, 30px) 例） 横幅1440pxのアートボード上で650pxの画像 width: clamp(0px, 650 / 1440 * 100vw, 650px) clampという見慣れない関数を使っています。後ほど詳しく説明します。 デモ このデモでは文字と画像部分に上記のサイズ調整を施しています。 解説 上記の計算式でやろうとしているのは、どの画面幅になっても比率を維持することです。比率が維持できているのなら画面幅が大きかろうが小さかろうが絶対に崩れません。 そこで比率が維持される計算式を考えます。画面幅に対してどのくらいか、が計算できれば良いですね。 よっ

ググり力、それはエンジニアにとっては 必須の能力 になりつつあると思います。 さて、皆さんは自分のググり力で欲しい情報にちゃんとたどり着けると言えますか？ @Yametaro さんからのお題です。 ある日、コードレビュー中ワイ ワイ「さぁ、今日も同僚のコードをレビューしていくでぇ」 ワイ「まずは新卒のT君のコードを読んでいこか」 ワイ「どれどれ…」 ワイ「ん？なんやこの??っていう書き方は…？」 ワイ「ググってみよか…」 ワイ「JavaScript ??と入力して、検索ボタンをポチッとな」 ワイ「…あれ？それらしい検索結果が出てこんな…」 ワイ「ぐぬぬ、記号関係はググりづらいこともあるんやな…」 ワイ「これじゃあ今日はもう、酒飲んで寝るしかないやないか…」 〜飲酒、そして就寝へ…〜 では JavaScript で ?? の検索方法はどうしたらいいのか？ ここに１つの解答を示しておきます！

こんにちは、Barry（ばりゅー）と申します。 いきなりですが言わせてください。 このサービスは今読んでいるあなたのために作ったサービスです！ はじめに リモートワークが当たり前になった今、みなさんはどんなデスクで作業してますか？ 「もっと快適にしたい。」「もっとオシャレにしたい。」 デスクワーカーなら一度、いや、二度三度思ったことがあると思います。 そんなとき、他人のデスクが参考になったりしますよね。 そこでこんなサービスを開発しました。 どんなサービス？ デスク周りに特化した写真投稿サービス「Buildesk（ビルデスク）」です。 【サービスURL】https://buildesk.app 【GitHub】https://github.com/en-Barry/buildesk Buildeskの一番の特徴は、使ってるアイテムも登録できること。投稿者がどんなアイテムを使っているのか瞬時

こんにちは、らくからちゃです。 赤ちゃんが産まれてから、ちょうど4ヶ月になりました！！ 一生懸命ズリバイの練習をしたり、興味深そうに鳥さんを眺めたり、喃語のバリエーションも増えてきたり、毎日元気いっぱい成長していく姿に癒やされております。 こうして毎日成長を見守ることが出来るのも、半年間の育児休業のお陰なので、制度を作ってくれた先人たちや送り出してくれた職場の皆様には感謝感謝です。 育休開始当初は「私が居なくなってグチャグチャになってないかな。みんなの不満が爆発して帰る場所なくなったりしないかな。」と不安で一杯で、貸与スマホを定期的にチェックしていましたが、幸いうちのチームは残ったメンバーで躓きながらも上手に回せているようでほっとしました。 最近は月例部会にオンライン参加したり、後輩から面白事例の相談を受けたり、ご隠居様みたいな形で会社との関係を持っていますが、私よりさらに長い育休を取得し

こんにちは。JJです。 久しぶりの投稿になります。 今回はVue.jsにおけるコンポーネント間のデータのやり取りについて紹介していきます。 はじめに Vue.jsを利用したフロントエンドの開発を進めていく中で、複雑な機能であったり、反復性を有する機能の開発を行う際、1つのVueコンポーネントで実装するよりも機能の単位、粒度に応じて複数のコンポーネントに分解して実装すると思います。後者の方が、経験上、ソースコードの可読性やメンテナンス性、さらにVue.jsの特徴の一つであるコンポーネントの再利用性も生かすことができるので、大変便利です。 しかしながらこの場合、複数のコンポーネント間でのデータのやり取りというものが必要不可欠になります。開発経験の浅い方の場合、その扱いに最初は悩むことでしょう。 そこで今回は簡単な実装例も交えつつ、Vue.jsの重要な機能の1つである「props」と「emit」

フロントエンド開発の経験がなかったのですが、4ヶ月ほど前に始めた副業先で急にVue.js（Nuxt.js）でフロントエンド開発することになりました。 「急いでVue.jsを学ばないと！フロントエンド開発はじめてだけど何から学べば！？」 と色んな情報や学習ツールをあさりつつ四苦八苦したので、後世のフロントエンド（Vue.js）開発入門エンジニアに向けて参考になった情報をまとめておきます。 これからVue.js（Nuxt.js）で開発をしようとしている方の参考になれば幸いです。 Vue.js（Nuxt.js）の学習内容と技術書・記事 Vue.jsを業務で扱えるようになるために学習したい内容には、ざっと以下があります。 Vue.jsを業務で扱えるようになるために学習したい内容 JavaScriptの基本（Vue.jsの理解を進めやすくするために必要） JavaScriptの開発方法（JavaSc

ReactやVueなどのフロントエンドフレームワークが全盛期を迎えているJavaScriptですが、様々な制約から導入を足踏みしているプロジェクトは多々あると思います。 そして、そのようなプロジェクトではおそらくjQueryが現役で使われており、フロントエンドのコードはスパゲッティと化し、ネストされたコードは可読性を落とし、どの関数がどこで使われているのかわからない、そんな状態に陥っているのではないでしょうか。 この記事では、そんなプロジェクトを対象に、ノンフレームワークでも出来る限り可読性を向上させるための工夫をまとめてみました。 JavaScriptからHTMLをできるだけ触らない JavaScriptとDOMは密結合になりがち JavaScriptとDOM・HTMLの密結合がスパゲッティ化を招きます。逆に、JavaScriptとDOMを疎結合にしてしまえばスパゲッティ化しにくいといえ

こんにちは、サイオステクノロジー技術部 武井(Twitter:@noriyukitakei)です。タイトルが少々長いのですが、今回はこれからコンテナ、Docker、Kubernetesを始める人のための、入り口的なブログを書こうと思っております。 本記事の対象としては、コンテナとかDockerとかKubernetesって言葉は聞いたあるけど、なんとなくぼんやりとしたイメージを持っている人を想定しております。このブログを読んで頂くことで、少しでもそのイメージがクリアになればいいなと思っております。ちなみに、本ブログではコンテナ、Dockerの細かいオペレーションには触れません。 7回シリーズでお届けする予定で、今回は第1回目となります。 今回はこちら → その1：コンテナってなに？ その2：Dockerってなに？ その3：Dockerfileってなに？ その4：docker-composeっ

「即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける」ということを目的としたドリルを作りましたので、皆様に公開します。 ダウンロード[PDF/PSD/XD]（92MB） 本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。 内容は、私たちが未経験デザイナーの採用を進める中で、「こういう知識は早い段階で身に付けておいてほしいよね」という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。 身に付くのはあくまで「即戦力クラスの知識」であって、「即戦力」になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を

新しくMacを買ったフロントエンジニアが、戸惑うことなく初期設定と開発環境をと整えることができるように自分の設定を公開します。 ・Macの設定の巻 ・おすすめソフトの巻 Macの設定の巻 ・Wifi ・ディスプレイ ・省エネルギー（バッテリーの設定） ・キーボード ・スマート引用符とスマートダッシュの無効化（1/25追記） ・トラックパッド ・共有の設定（コンピューター名の変更） ・日付と時刻 ・セキュリティとプライバシーx ・ユーザとグループ（セキュリティのため） ・dock ・Finder ・デスクトップのアイコンをグリッドに沿うように設定 ・ミッションコントロール（1/25追記） Wifiの設定 「システム環境設定」の設定 ▼以下の項目を設定していきます。 ディスプレイの設定 スペースを拡大させる 省エネルギーの設定（バッテリーの設定） キーボードの設定 ▼勝手に大文字に変更されたり

もう人生で何個目かわからない markdown エディタ作った。が、今回のは結構気に入っている。 https://markdown-buffer.netlify.com/ で遊べる。 用途としては、GitHub か Qiita か はてなブログかわからないが、なにか書こうと思ったときに、どのサービスも中途半端に重いので、とりあえずのバッファが必要、という感じで作った。なので速度重視。 ブラウザのストレージで永続化してる。オフラインで動く。できるだけエディタとしてはスコープを大きくせず、単に編集バッファ(textarea)でしかない、というのを意識している。 結構頑張って作り込んでしまった https://nedi.app が色々肥大化してしまっていて入力時にラグを感じるので、編集体験を見つめ直す自戒もある。 機能 数式対応 コードハイライト対応 バックグラウンドで自動保存 改行を br に

エンジニアのためのTrello徹底活用術！ Pairsのエウレカが、プロジェクトの透明性を確立できた理由 ソフトウェア開発では、手法やフェーズに応じて適切にツールを使い分けることが重要です。株式会社エウレカが、主力サービスのPairs開発チームで実践しているTrelloを活用したタスク管理のノウハウや考え方を紹介します。 初めまして。株式会社エウレカのCTO Office責任者、梶原成親（@kajinari）です。 エウレカが目指すのは自立・自律した組織。全社でスクラム（Scrum）開発を推進し、強いチーム作りをするのが私のミッションです。 管理ツールもさまざまに使い分けていますが、スクラムに合っていると感じるのは、タスク管理ツールのTrelloです。私はもともとアトラシアンのユーザーグループで、東京代表のオーガナイザーを務めていました。Trelloは、アトラシアンが買収したのを機に使いは

受託の仕事がひと段落したので、現実逃避がてら内容が古い・良くない社内図書の整理を行っていた。整理しながら「そういえば基礎教養部分の社員教育カリキュラムがまったく準備できてないなぁ」と思い、社内図書をベースに教育用に課す本を考えてみた。 以前から「日本語作文能力が足りない～」と言ってきていたのだが、それに対しての現時点の暫定解がこれかなぁと思っている。 世界一やさしい課題解決の授業 世界一やさしい問題解決の授業―自分で考え、行動する力が身につくposted with amazlet at 18.09.25渡辺 健介 ダイヤモンド社 売り上げランキング: 402 Amazon.co.jpで詳細を見る とりあえず最初に読む本。ごく当たり前の話がサクっと書いてあるが、意識がないと全く身についてない話でもある。 読むだけなら数時間（読むのが早い人であれば、30分もあれば読める）、演習もやるなら1日～

変化の激しいエンジニアの世界で、どうすれば成長し続けられるのか。そのヒントを、飲食店向け予約台帳アプリを手がける「トレタ」の増井雄一郎さんが、3回にわたって解説します。第1回のテーマは勉強の仕方について。「IT芸人」の異名でも知られ、本業の傍ら年30回以上の講演をこなす増井さんは、どうやってエンジニアの成長に欠かせない勉強を続けてきたのでしょうか。 初めまして、トレタというレストラン向けのアプリを作っている会社のCTOをしているmasuidrive（増井雄一郎）です。個人的にはPukiWikiというCMSを作ったり、メモ帳アプリ「wri.pe」の作成などをしています。数年前には「Titanium Mobile」のエバンジェリストをしていたのでそちらでご存じの方もいらっしゃるかもしれません。 この連載では移り変わりの激しいこの世界でどうやってエンジニアを続けて行けばいいのか、私が悩んできたこ

体幹トレーニングのすすめ 運動不足を痛感している方。筋肉の衰えを感じる中高年の方。 ジョギングしたり、ジムへ行くのが億劫な方から、パフォーマンスを上げたいアスリートの方にも。体幹トレーニングをおすすめします。 体幹トレーニングの効果的なやり方、基礎的な知識を紹介します。心も体もシャキッとすればいいですね。 体幹トレーニングで得られる2大効果 一見、ポーズをとっているだけに見えるので、地味な印象が強い体幹トレーニング。それでも根強いブームの秘密は、手軽にトレーニングできて、大きなメリットがあるためです。 体（特にお腹周り）が引き締まる 体幹トレーニングはインナーマッスルを刺激するので、体の中から引き締まったように感じます。実際、ポッコリお腹に効果的です。 心もスッキリ引き締まる 1日10分とわずかなトレーニングですが、ポジティブな行動を継続することで、自己肯定感が高まり、スッキリした気分にな

社会人になってから時間があっ！という間に過ぎてしまうようになった、と感じるのはわたしだけでしょうか。 否、毎日忙しいR25世代なら誰しもが感じたことがある「時間のふしぎ」だと思います。 心待ちにしていた週末を迎えてホッと一息吐いたのも束の間、気付けば日曜日の夜になっている。これってなぜ…？ そんな悩みを解決するため、今回は「時間学」の先生に「自分の時間をゆっくり進める方法」を聞いてきました！ 〈聞き手＝いしかわゆき（新R25編集部）〉 話を聞いたのはこの人！ 【一川誠（いちかわ・まこと）】千葉大学大学院人文科学研究院教授。「時間学」の研究者であり、人間の知覚認知過程や感性の特性についての研究から、体験される時空間の特性に影響を及ぼす要因についての検討を行っている

こんにちは。僕は食品業界で働く中年サラリーマン、フミコフミオである。十数年間、インターネットの片隅で、勝手気ままにブログを書いてきたので、ひょっとすると僕の名を知る奇特な方もおられるかもしれない。今日は縁あって、仕事人生に漠然とした不安を抱く若き皆さんへ、44歳の中年サラリーマンの立場から、「居場所の作り方」について話をしてみたい。まとまりのない話になるし、ウザいのは重々承知の上である。 僕は2017年の夏からお世話になっている今の職場で、近く営業の責任者を任されることになっている。2016年の末に管理職を務めていた会社を何の考えも見通しもなく退職し、8カ月間のアルバイト生活を経ての中途入社というしょうもない経緯を考えると、逆転満塁ホームランのような昇進だ。もし、この文章を読んでいる方の中で近く退職を考えている方がおられるなら、いったん深呼吸をして、将来について考えてみてほしい。計画はある