WebページのURLを入力するだけで、編集可能なFigmaデザインに変換できる無料プラグインを紹介します。 AppleなどのWebページを1クリックで変換するのはもちろん、日本語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma URLを入力するだけでFigmaに変換 html.to.designの利用方法 html.to.designの使い方 URLを入力するだけでFigmaに変換 html.to.designは、URLを入力するだけでFigmaに変換できる無料のプラグインです。さまざまなWebページを編集可能なFigmaデザインに変換します。 すべてをゼロから作成することなく、別のWebサイトを使用して独自のデザインのインスピレーションを得られます。 既存のWebサイトをリデザイン

このコンテンツ作成の背景 プログラミングを体験できるコンテンツは沢山存在していますが、開発プロジェクト全体を通した流れを体験したり、実務では不可欠となるドキュメント作成を体験（学習）できるコンテンツは少ないので作ってみました。 とはいえドキュメント作成についてはテンプレート見ながら「こんなもんです」と解説する感じになります。。。 免責事項（いいわけ） 元々は社内の非技術系な人向けに研修用資料として作っていたものを、どうせなら公開するかな。という感じで再編したものなので、足りない部分やオレオレな部分、ゆらぎ、不整合、誤字脱字とかも多いと思います。「間違い」や「こうしたほうがいいよ」というのがあれば、コメント等で"優しく"教えていただけると助かります。少しずつ修正していこうと思ってます。 オレオレな情報だけでは申し訳ないので、一般社会ではプロジェクト関連のドキュメントはどう書くのか？については

恒例の舞茸ごはん。お米を30分浸漬→水を捨てる→醤油とお酒(米1合に対してそれぞれ大さじ1)、顆粒だし少々を入れる→水を規定の線まで入れてかき混ぜる→ほぐした舞茸を載せる→炊飯して完成です。炊飯中にただよってくる舞茸の香りでめちゃ… https://t.co/X13SkOrkUz

色々と紹介していただくことのある、『HTML&CSS コーディング・プラクティスブック』。Amazon Kindleでのみ販売している電子書籍です（Kindle Unlimitedでもお読みいただけます）。 この本は、実際に仕事としてHTML&CSSコーディングを始める前の腕試しを目的に書き始めた本でした。そのため、XDやFigmaのデザインカンプを元に、どんなデザインのページを作成するのか？という情報以上は、あまり積極的に公開してきませんでした。 しかし、読んだ方の反応をもとに、この本がどんな形で使われているかを確認してみたところ、リアルなサンプルの中で、どんなテクニックをどう使うのか？を学ぶという方が多いようです。実際に、コーディングでは細かなデザインや装飾、レスポンシブの要件などに応じて使うテクニックも変わってきます。 そこで「この本で学べること - 作例のポイント＆テクニック」とし

人気スパイスカレー店「魯珈」のレシピを大公開！ 「豚スペアリブの薬膳赤カレー」の作り方 専門店が続々と増え、注目が高まっているスパイスカレー。ただ、作るのはハードルが高いと感じている人も多いのでは？ そこで、雑誌『MONOQLO』が人気店直伝のレシピやコツなど、自宅でも簡単にできるスパイスカレーの作り方を伝授します。今回は、人気店「魯珈」の新作レシピ「豚スペアリブの薬膳赤カレー」です。

vim以外のエディタでコード書くと私の手は産まれたての子鹿みたいになります。 効率よくコーディングをしてもらうために、新人やvimを学びたい人にvimの研修を実施しています。今回は研修で非常に有効だった内容についてまとめておきます。 ※ なんだか誤解を生んでしまっているようなので追記しておきます。vimの研修は新人研修の一環として行ったわけではなく、vimを使って開発をしたがっていた新人へテスト駆動開発の研修を実施した際に並行して盛り込んだだけです。会社がvim強制とかではないのでご安心ください。言葉足らずで申し訳ありません。 2つの繰り返しキーの存在を認識させる vimは一度実行したコマンドの組み合わせを記憶する.(ドット)とfを使った移動の際のキーストロークを記憶しておく;(セミコロン)があります。これらを駆使することで他のエディタよりも高速な編集作業を行えます。 セミコロンはus配列

都内で。 チャーハンてどこの食ってもあんま味が変わらないくらい成熟した食べ物になってきたよな。

すごく人気・ガチな人がいたのはセラベイク・ニトリマルチポット・ぶんぶんチョッパーのように感じました！全部ほしくなりました…

概要 Minecraft に代表されるように、ゲームの中には複数人で遊ぶためにサーバーを用意しなければならないものがあります。 ゲームサーバーを用意するには Linux やネットワークの知識も必要になりますが、何よりもサーバー代がかかるのが問題です。 そこで、無料でゲームサーバーを用意できるサービスをつくってみました この記事では作るのにあたった背景や使用した技術について紹介します 背景 ゲームを複数人で遊べるようにするためには、通常はサーバーが必要になります。サーバーはゲームの提供側が用意している場合もありますが、 Minecraft に代表されるように自分でサーバーを用意しなければならない場合もあります。 Minecraft に話を絞るといくつかの選択肢があります Realms を使う Minecraft 公式のサーバーとして Realms があります。簡単に使えますが最大 10 人ま

☁️ @s_leap98 台北でアツいところ10カ所くらいあげとくわ。台湾は店というより、90年代にタイムスリップしたような町や人の雰囲気が最高よ あとやたらと猫がいる ☁️ @s_leap98 ・朋丁 (美術書、カフェ) ・OrigInn Space (カフェ、ホテル)※猫 ・宝蔵巌国際芸術村 (アート廃村) ・青鳥Bleu&Book (書店) ・橋下大叔(橋の下のバー) ・疍宅 (カフェ)※猫 ・阿宗麺線 (ジャンク麺) ・来来水餃店 (ここの市場が最高) ・土生土長 (伝統工芸品や漬物) ・阿城鵝肉(ぶっ壊れレストラン)

電ファミニコゲーマー @denfaminicogame 未知の惑星でロケットを作るシミュレーション『Factorio』のスイッチ版が10月28日配信 news.denfaminicogamer.jp/news/220913a2 プレイヤーは未知の惑星で唯一の生存者に。自力で資源を収集ながら、産業インフラを構築し、再び宇宙空間に飛び立つためのロケットを製造する #ニンダイ #NintendoDirectJP pic.twitter.com/dvCqplPg1c 2022-09-13 23:27:20

[重要なお知らせ (2023/8/12)] 現在，スライドの p.10 に不十分な記述があります．ルートの答えは 0 以上の数に限定することに注意してください (たとえば -3 を 2 乗しても 9 ですが，ルート 9 は -3 ではありません)．なお，現在筆者のパソコンが修理中でデータがないので，修…

去年8年ぶりに vimrc を書き直した時はLSPの体験があんまりよくなくてLSPなしでNeovimを使い続けていたのだが、様々な言語のOSSをメンテする都合で用途に応じてIntelliJとVSCodeとNeovimの三刀流で暮らしていた結果、可能ならNeovimに寄せたいけどそれならLSPを使いたいなということになり、今回LSPの所を真面目に設定し直して、かなり良い体験になっている。 正直Neovimの設定はVSCodeのそれに比べたら面倒なんじゃないかという印象がありサボっていた節があるが、実際にやってみるとVSCodeと同程度に簡単に済む方法もあったので紹介したい。 何故Neovimなのか LSPの話の前に、タイトルだけ見た人がそもそも単にVSCode使えばいいじゃんと言いそうなので、どうしてIntelliJやVSCodeではなくNeovimに揃えようと思ったのかについて書いておく。

はじめに ReactとFirebaseを用いてフロントエンド開発するにあたって、追加で入れておきたい各種パッケージや設定を組み込んだ環境構築手順です。 この記事で構築する環境は以下の通りです。 ローカルで開発した内容をGitHubにpushすると、構文チェック→テスト→ビルド→デプロイされます。 また、mainブランチにpushしたらFirebaseの本番環境にデプロイされ、developブランチにpushしたらFirebaseの開発環境にデプロイされます。 事前準備 環境構築をするにあたって、以下は事前に準備してください。 VS Codeのインストール GitHubのアカウント登録 Node.jsのインストール 今回はv16.14.0を利用します Firebaseのプロジェクト作成 GitHubリポジトリの作成 GitHubのリポジトリを作成します。 公開範囲はPublic,Privat

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

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

木瓜丸です。 最近になって、やっとNext.jsを上手く使いこなせてるんじゃないか？！と思えるようなコンポーネントの設計手法を見つけたので、Zennにまとめてみたいなと思います。 この記事で触れること この記事では、主にページ単位でどのように状態管理を行うのかに焦点を当てることにします。 コンポーネントの管理の仕方などは特に着目しませんがご了承下さい。 hooksの導入 React初心者の方は最初に疑問に思うと思いますので、hooksについて触れておきます。 hooksというのは、Reactによって提供されているuseState, useEffectといったやつや、それらを組み合わせて作ったオレオレ状態管理基盤の総称です。 この記事で用いる基本的なhooksをいくつか紹介します。 useState その名の通り、状態を持つ変数を作ってくれます。 const Hoge = () => { c