エンジニア向けFigmaの使い方を徹底解説 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
続いてそれぞれのユースケースについて、具体的な使い方を解説します。 Figmaの使い方・操作方法 デザインをもとにコーディングする場合 ‐ Dev mode Dev modeの利用がおすすめです。現在ベータ版で公開されており、2024年中に有料プランのみ使用可能となります。 主な機能として、作成したデザインをもとにコードを自動で生成させることができます。CSS、iOSのSwiftUI、AndroidのXMLなどに対応しています。 具体的な使い方は次のとおりです。今回はログイン画面を例にしています。 画面をセクションで囲む セクション名の右横のコードアイコンをクリック Open in Dev modeでDev modeに切り替える コード化したいコンポーネントを選択すると、右側のInspectでコードを参照できる ワイヤーフレームを作成する場合 ‐ コンポーネント機能 コンポーネント機能を利
君には今から3時間で機械学習Webアプリを作ってもらうよ
新人: 「本日データサイエンス部に配属になりました森本です！」 先輩: 「お、君が新人の森本さんか。僕が上司の馬庄だ。よろしく！」 新人: 「よろしくお願いします！」 先輩: 「さっそくだけど、練習として簡単なアプリを作ってみようか」 先輩: 「森本くんは Python なら書けるかな？」 新人: 「はい！大学の研究で Python 書いてました！PyTorch でモデル作成もできます！」 先輩: 「ほう、流石だね」 新人: 😊 先輩: 「じゃ、君には今から 3 時間で機械学習 Web アプリを作ってもらうよ」 先輩: 「題材はそうだなぁ、写真に写ってる顔を絵文字で隠すアプリにしよう」 先輩: 「あ、デプロイは不要。ローカルで動けばいいからね。顔認識と画像処理でいけるよね？」 新人: 😐 新人: (えぇぇぇぇぇぇぇ。3 時間？厳しすぎる...) 新人: (まずモデルどうしよう。てかもら
ワイヤーフレーム通りにデザインしてしまうデザイナーさんへ
2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多
デザイナーなら常にチェックしておきたい！Webデザインギャラリーまとめ - デザインメモ
私が常にRSSなどに入れてチェックしているWebデザインのギャラリーサイトを並べてみました。 ときどきギャラリーサイトをチェックしている方は、新たなギャラリーサイトを見つけてみたり。全然チェックしてない方は、これを機にブックマークへ追加してみたり。ぜひお役立てください〜！ ＜ 目次 ＞ 国内のまとめサイト 総合 縦長・ランディングページ スマホ・レスポンシブ パーツ別 海外のまとめサイト 総合 アワード形式 スマホ・レスポンシブ 国内のまとめサイト 総合 AnotherBookmark™ http://www.anotherbookmark.com/ straightline bookmark http://bm.straightline.jp/ I/O 3000 | Webデザインギャラリー http://io3000.com/ Web Design Clip | Webデザインクリップ
新入社員必見！Webマーケティング業界で最初に使う略語20選 | LISKUL
Webマーケティング業界では、アルファベットの略語が日常的に飛び交っています。新入社員はそんな光景に「本当についていけるのか」と不安を感じてしまうのではないでしょうか。 もし、新入社員がこの「アルファベット略語」を最短で理解し、社内の会話や上司の指示をスムーズに理解できるようになれば、安心して業務に取り組むことができ、戦力として活躍できるまでの期間を短縮できます。 そこで、今回は、Webマーケティング業界の新入社員が最初に押さえるべき20の略語を、重要度順に整理して解説しました。重要度の重み付けを客観的にするため、すでに存在するWebマーケティング用語を解説する13サイトの出現頻度を全て調べてスコアリングしています。出現頻度の順に解説しているので、この記事の用語を上からチェックしていけば最小の労力で重要な用語を理解できます。 【無料】Webマーケティングの勉強に役立つ動画8選 ※本記事は2
WEBサイトを軽量高速化。便利な圧縮系サービスまとめ【 JEPG,PNG,HTML,CSS,JS 】（WPプラグイン含む） | Stronghold Archive
WEBサイトを軽量高速化。便利な圧縮系サービスまとめ【 JEPG,PNG,HTML,CSS,JS 】（WPプラグイン含む） どうもこんにちは。利倉です。今回のTipsは【WEBサイトを軽量高速化。便利な圧縮系サービスまとめ】です。webページの軽量高速化にはいつも頭を悩まされます。今回は軽量高速化においてすぐに効果を見込める方法のまとめになります。 Online YUI Compressor CSS及びJSを圧縮します。gzipにもしてくれる便利サービス。特定ファイルだけ包んで…という手軽な使い方もできます。ためしに100KBのJSを圧縮してみたら20KBに！？なんて事も… Minify Javascript Online JSを圧縮します。実はOnline YUI Compressorで事足りるのですが、サイトが軽いのでこっちに行く事もあります。 Minifier JS及びCSSを圧縮し
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Office Gunkanmaki
<body> <p>このページをご覧いただくにはフレーム対応のブラウザが必要です。</p> </body>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitterなどでの口コミを収集してAirtableにデータを保存し、任意のWebページで紹介出来るOSS・「Open Testimonials」
はじめに｜Python だけで作る Web アプリケーション(フロントエンド編)
Python だけで作る Web アプリケーション(フロントエンド編)
【デザイントレンドまとめ】効果的なアニメーションを取り入れているサイトまとめ | Web担当者Forum
Web担当者Forum
HTTP 404？503？それぞれの意味を教えて！ : 2chコピペ保存道場