(原文 Tuesday, January 3, 2023 : Zdravko Kolev / 翻訳 : インフラジスティックス・ジャパン) App Builder™ をはじめとしたローコードツールは "ゲームチェンジャー"、すなわち、これまでのアプリケーション開発を一変させるプロダクトです。ここ数年の間、デジタルトランスフォーメーションに向けた戦略的な動きとしてだけでなく、現実的な考えに基づいて、ますます多くの企業がそれらローコードツールの採用を始めています。 デザイナと開発者との間での受け渡し作業を減らし、共同作業を促進 市民開発者による新規プロジェクトのゼロからの構築が可能に 開発者がアプリの初回作成後に、そのアプリを構築する技術選定ができるよう、アプリ開発の手順を刷新 手作業のコーディングによる間違いを低減 そして最後に、デザインファイルをコードへ変換 ここから本題です。もしあなたが

5月18日、ドイツのマックス・プランク研究所やアメリカのMITコンピュータ科学・人工知能研究所などの学者グループが、画像の任意の点をドラッグするだけでAIが画像を編集してくれるツール「DragGAN」の論文やデモ動画を公開しました。 Drag Your GAN: Interactive Point-based Manipulation on the Generative Image Manifoldpaper page: https://t.co/Gjcm1smqfl pic.twitter.com/XHQIiMdYOA— AK (@_akhaliq) May 19, 2023 https://twitter.com/_akhaliq/status/1659424744490377217 動物、車、人物、風景といったオブジェクトの形、表情、サイズなどを自由自在に編集することが可能となってい

概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP

この記事では、「それ、何使ってるの？」と思わず聞きたくなるような、最新のWeb、オンラインツールをまとめてご紹介します。 めずらしいだけでなく、面倒で手間のかかる作業がほんの数クリックで完成の時短アイテムや、今までなかったけどあると便利なツールや素材を中心にセレクト。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. アイコンツール 4. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Web制作便利ツール Make Way Grid Effect 一枚の画像を選択すると、他の画像が場所をゆずって、道を空けてくれるアニメーションエフェクト。 CSS Shadow Gradients 2色の配色によるグラデーションをつかった影、シャドウグ

Komesan: 指定したURLに関連するはてなブックマーク、Twitter、HackerNewsのコメントを表示する Komesanというはてなブックマーク、Twitter、HackerNewsをまとめて表示するサイトを作りました。 https://komesan.pages.dev/?url=https://pages.cloudflare.com HackerNewsはオプショナル: https://komesan.pages.dev/?url=https://pages.cloudflare.com&service=hackerNews ブックマークレットで実行する場合は、次のようなURLのブックマークを利用します。サイトの下部に同じものがおいてあります。 javascript:void(window.open("https://komesan.pages.dev/?url="+e

背景: GitHub wiki への不満 私の所属する研究室では、メンバー全員が１つの GitHub Organization に所属しており、情報共有はその Organization 上のリポジトリの GitHub wiki で行われています。 研究室がコンピュータサイエンス系であることもあってメンバーは GitHub や Markdown に慣れており、普段 GitHub wiki を使っていて困ることはそんなになかったのですが、それでも時々不満が出ることがありました。 不満として多いのは、色々記事を書いているうちに全体構造がよくわからなくなってしまうという点にあると思います。GitHub wiki ではディレクトリ構造を持てないので、全ての情報がリンクを経由してアクセスされることになり、段々と整理がつかなくなってしまいます。 複数のリポジトリにそれぞれ wiki を書くこともできます

喚く狂人 @wamekukyouzin コミケで「スケベ小説を書くにあたって使っている参考書」みたいな話をしてたら、「それTwitterに書いてまとめたら？」という話になったので、色々紹介していきます。 喚く狂人 @wamekukyouzin 文が読みづらいと「使いづらい」ので、なるべく分かりやすくしたいです。そこで本田勝一「日本語の作文技術」。 修飾語の順序であったり句読点の使い方について体系だって解説するベストセラーです。エロに限らず趣味で小説を書くなら是非読むとよいと思います。 ただし例文の政治的思想が強いです。

Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Responsivize -GitHub Responsivizeの特徴 Responsivizeのダウンロード Responsivizeの使い方 Responsivizeの特徴 Responsivizeは、レスポンシブ対応のWebページをさまざまなデバイスのサイズで確認できる便利ツールです！ 当方の日本語環境（M1 Mac, Windows10）で問題なく動作しました。 Responsivize レスポンシブWebサイトの確認が簡単にで

スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール＆設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

以前当ブログで紹介した時からずっと愛用しているEagleがver.2に神アップデートしたので、改めて紹介したいと思います。 簡単に言うと、フォント（ttf,otf,ttc,woffも）、画像（jpg,png,gif,svg,webpはもちろん、raw,psd,ai,xd,sketch,clipも）、動画、音声、PDFやテキストも管理でき、タグ付けやフォルダ分けやカラーフィルターなどで整理も簡単できるアプリです。 Windows, macOS（M1対応）に対応したアプリで、1ライセンスで2つ使用でき、サブスクではなく買い切り、しかもバージョンアップの追加料金なしです。 ver.2が先日リリースされ、ver.1の人は無料でアップデートできます！ Eagle Eagleとは Eagle ver.2の神アップデート Eagleのダウンロード・インストール Eagleの使い方 Eagleとは Eag

この記事では、ますます進化するウェブ制作の現場で重宝する、便利な最新オンラインツールをまとめてご紹介します。 「こんなツールが欲しかった」をかたちにした、制作ワークフローを改善できる時短ツールが多数揃っています。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 前回のオンラインツールまとめと一緒に確認しておくと良いでしょう。 Web制作の常識が変わる、便利な最新オンラインツール48個まとめ コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. アイコンツール 7. コラボ、リモートワークツール 8. 面白、クリエイティブツール Web制作が面白いほどはかどる！便利な最新オンラインツールまとめ Web制作便利ツール Squircley デザイン制作で使える美しいSV

massCode allows you to organize snippets using multi-level folders as well as tags. Each snippet has fragments - tabs, which gives even greater level of organization. massCode uses Codemirror as the basis for the editor and .tmLanguage as the grammar for syntax highlighting. This tandem opens the door to over 600 existing grammars. The application currently supports more than 160 grammars. In addi

面倒なpxからemへの変換や、line-heightの計算、レスポンシブを考慮した横幅可変の計算など、コーディング時に計算機が必要になる値の変換をまとめて行えるツールです。

ファイル転送ツールは、通常のメール添付よりも容量が大きく、セキュリティにも優れた送信ができるツールです。 極秘ファイルや個人情報などの機密性が高い資料や動画を送信するのには、まさにうってつけのツールと言えます。 しかし、「ファイル送信ツールが多くてどれが自社に適しているかわからない！」と思っていませんか？ 今回はそんな疑問を解消する「ファイル送信ツールのおすすめ」や導入の注意点などについて紹介・解説をします！ ファイル転送のおすすめ12選！導入したいファイル転送ツールを解説 大容量のデータを安全に送信できるファイル転送ツール。 ここでは、おすすめのファイル転送ツールをピックアップして解説します。 Giga File 公式サイト Giga Fileの特徴とメリット Giga Fileの特徴とメリットは、会員登録が不要でデータ容量が大きい点です。 広告バナーは多めですが、ファイルの選択やアップ

いかにも英語圏っぽいアプリだが、ちゃんと日本語入力にも対応している。表示そのものは英語だが、迷うところはほぼない。 撮影：伊藤有 起業、新規事業、副業（複業）——。 働き方や稼ぎ方、生き方が一様でなくなってくる時代だからこそ、所属する起業以外の名刺やロゴが必要な機会は増えている。 プロトタイピング的に新しいサービスをつくってみた、なんてときにも｢ロゴ｣があるとサービスのリアリティが増すし、Twitterやインスタグラム用のネタアイコンを作りたい、といった用途もある。 カナダのECプラットフォーム大手・Shopifyが提供する無料のロゴ作成ツール｢Logo Maker | Hatchful｣は、カンタンにロゴが半自動生成できて、カスタマイズもできるツールという点でかなり｢使える｣サービスだ。 ■iOS版のダウンロードはこちらから ■Android版のダウンロードはこちらから Hatchful

Dramaとは Dramaは、インタラクティブなプロトタイプやアニメーションが作成可能なUIデザインツールです。 公式サイトでは、Dramaによってできることとして下記の3つが挙げられています。 インタラクティブなプロトタイプやアニメーションが作れるUIデザインツールといえば、Framer XやInVision Studioなどが思いつきますが、使いやすさや操作性、機能の豊富さを比べるとDramaは頭1つ抜け出しているような印象です。 また、SketchやAdobe XDなどと比べるとUIデザインツールとしての機能に大きな遜色は無く、むしろ動作の滑らかさではSketchよりも勝っているのではないでしょうか。 Dramaを一言で述べると、「これまでのデザインツールのいいとこ取りをしたツール」であると言えるかもしれません。 現在はまだ正式リリースはされていませんが、公式サイトからベータ版をダウ

Meet Vectary, an online platform for creating and managing interactive 3D and AR designs that inspire, educate and solve problems. ‍No downloads, no-code: all in the browser.

こんにちは、Webディレクターのナンシーです。実はLIGブログ初登場なんです！ 私は普段WebサイトやLP制作のディレクション業務を行っています。その時にクライアントからのお戻しをデザイナーに指示を出したりする役割を担っています。 ただその際に……、どうしてもお戻しが読みにくいことってありませんか？ チェックバックの個人的な悩みTOP3 手書きスキャンで戻ってきた修正内容をタスク化するのが大変 ビジュアル交えて修正点を伝えないと齟齬が生まれやすい パワポなどで修正指示を出すとステータス管理を別ツールで行わなければならず、資料が増えて面倒 他にもディレクターやデザイナーって、こんな悩みを持っていませんか？ 画面キャプチャを取るのが面倒 パワポやエクセルに修正指示をするのが面倒 メールやチャットに修正したものを添付するのが面倒 修正箇所が多くて確認するだけでも大変 手書きの赤入れだと読めないこ