ここ最近、転職するにあたって約10年ぶりにポートフォリオを作りました。私は元々ポートフォリオ作りが苦手で、力が入りすぎていつまでたっても完成しない…といった状況になりがちだったのですが、今回はわりとすんなり完成しました。 その理由は、ここ数年でデザイナーの採用に関わり、採用担当者の目線で沢山のポートフォリオに目を通す機会が増え、作成において気をつけなければならない点がなんとなく分かるようになったからだと感じています。 そこで今回は、こんなポートフォリオなら選考を通過しやすいのでは？と思うことをまとめてみたいと思います。尚、考え方は企業や採用担当者によって異なるので、あくまでも個人の考えとしてご参照ください。 作成前に踏まえておきたい認識 そもそもポートフォリオとは まず辞書で「ポートフォリオ」の意味を調べてみると、「紙挟み」「折鞄（おりかばん）」とあります。これは書類をまとめて入れておくケ
Webサイトリリース前後におこなっている忘れがちな確認事項まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Webディレクターのともぞうです。 今回はWebサイトのリリース前後に最低限おこなっている確認作業を一部ご紹介します。 LIGでは、リリース後でないと確認できないことや、案外忘れがちなものを「最低限おこなうものリスト」として管理しています。あくまで忘れがちなものたちの確認のため、クロスブラウザテストや機能テストといったスケジュール内に組み込まれるものは対象外になっています。 リリース前の確認作業 リリース前には、以下のことを実施しています。 最低限おこなうものリスト（リリース前） faviconは正しく表示されているか metaタグは記述されているか（title,description） ogpタグは記述されているか（type,title,description,url,site_name,image） headタグ内に不要なタグが出力されていないか canonicalの設定は
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
岐阜県でホームページ制作の依頼をしようと思っても、多くのWeb制作会社があるため、どこに依頼すれば良いのか選ぶのが難しいと思います。 そこでこの記事では、岐阜県にあるホームページ制作会社をWeb制作の専門家が徹底的に調査して、おすすめの事業者を厳選しました。 それぞれの事業者の特徴や料金相場なども詳しくご紹介していきますので、岐阜県のホームページ制作会社を探している方は、ぜひ比較検討にお役立て下さい。 岐阜県のホームページ制作会社7選【2024年最新版】岐阜県は飛騨地方と美濃地方の南北で大きく気候も違い、それぞれに特色がありますが、Web制作会社の多くは美濃地方に偏っています。 今回は2024年の最新データをもとに、岐阜県全域のWeb制作事業者を調査しました。
全国には数え切れないほど多くのホームページ制作会社がありますが、青森県の中にも優良Web制作会社が多くあります。 青森県にあるホームページ制作会社に依頼したいと思っていても、はじめてホームページを持つ場合などは特に、どのWeb制作会社に依頼すれば良いのか、選ぶのも難しいのではないでしょうか。 そこでこの記事では、青森県のホームページ制作会社の中から、Web制作の専門家から見たおすすめ事業者をご紹介します。 青森県のホームページ制作会社について詳しくご紹介していますので、青森県のホームページ制作会社を探している方や、比較検討している方はぜひご覧ください。
こんにちは！ インハウスデザイナーのぱんちゃんです。 入社して一年、LIGブログのアイキャッチ画像をひたすらに作ってきました。これまでのLIGのアイキャッチは、記事の魅力が最大限伝わればトンマナはなんでもOK！ ユニーク万歳！ でしたが、CIが変わりちょっぴり大人なLIGになった今、より信頼感やプロフェッショナルさが伝わるアイキャッチに変えていこうと試行錯誤をしています。 新たなLIGらしいアイキャッチはなんだろうと考えたときに「まずは世の中にある素晴らしいアイキャッチを知ることから始めよう！」と思い、他企業・他メディアのアイキャッチの分析を始めました。 今回はクオリティの高いアイキャッチのWebメディアを37個紹介します。 アイキャッチを制作するデザイナーの方、メディアサイトを制作されている方、アイキャッチのディレクションをする方にとって参考になれば幸いです！ 紹介したいWebメディアが
有効期間短縮の歴史 SSLサーバー証明書（以下、SSL証明書）の有効期間は、当初は最長5年でしたが2015年に3年になり、2018年に2年、2020年には1年 + 1ヶ月となり、段階的に長期間のSSL証明書が廃止されてきました。 サーバーを管理している方はよくご存知だと思いますが、SSL証明書の更新作業には結構手間が掛かります。さくらのレンタルサーバなら管理画面からSSL証明書の登録が簡単にできますが、大規模サイトなどでは「他社に外注しているため作業費用が都度発生してしまう」といったケースもあると思います。そのような想像が容易にできるにも関わらず、ハイペースで有効期間が短縮されていく背景とは一体何なのでしょうか？ 有効期間を決めるのは誰なのか？ SSL証明書の仕様に関しては、GoogleやMozillaなどのブラウザ開発ベンダーと、DigiCertやSectigoなどの認証局（CA：Cer
デザインしてて文字をばちっと決めたいときってありませんか メインビジュアルや見出しなどで、「文字（コピー）をばちっと決めたいッ！」ってときありますよね。そのときに普通の書体をそのまま置くと、 どうしてもデフォルト書体そのまま感が出ちゃうときってありませんか？ もちろん出ちゃわないときもあります。でも出ちゃうときもありませんか？ うん、ですよね。 そんなときの解決策の一つ、「作字」 “デフォルト書体そのまま感”をなくす方法はいくつかありますが、その一つとして「作字」があります。デフォルトの書体を少し調整して文字に特徴をつけることですね。 文字を”ちょっとロゴっぽくする”するという言い方が近いでしょうか（わかりにくいか……）。 作字するといい意味で”違和感”がでて、印象的なビジュアルになります。その作字のひとつに「文字を溶かす」という小ワザがあります。 文字を溶かすって？ Afterの文字を拡
ホームページ制作会社は非常に多くあり、今や飽和状態とも言われています。 岡山でホームページを作成しようと思っても、どのWebサイト制作会社に依頼すれば理想のサイトを作ってくれるのか、見つけるのが難しいですよね。 そこで、Web制作のプロが、岡山のWebサイト制作会社を徹底的に調べました。 今回は岡山県に所在地のあるWebサイト制作会社の中から、専門家がおすすめするWeb制作会社を厳選してご紹介します。 岡山でホームページを作成しようと思っている方は、ぜひ参考にしてください。
習慣は力なり！「Daily UI」でUIの引き出しを増やそう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ マーケティングチーム所属のシエロです。 桜も散って、令和になり、だんだんと夏に近づいてきましたね。新しい季節になると新しいことにチャレンジしたくなりませんか？ Web制作やWebメディアにいると、どのポジションでも避けては通れなくなっているのが「UI（ユーザーインターフェース）」。 ただ、どうやってイケてるUIを作れるようになるのかしら…そのために何をすれば良いのかしら… 制作に関わる人なら悩んだことがきっとあるはず！ そんな中、最近見つけた「Daily UI」がUIの引き出しを増やすのによいかも！と思ったのでご紹介させていただきます。 Daily UIとは? https://www.dailyui.co/ ひとことでお伝えするとUIデザインの100本ノックです。 「UIに関する100個のお題に対してUIデザインを作り、「#DailyUI」をつけてTwitterなどのSNSに
ダークモード時の画像の扱い方
2023年2月7日 CSS, Webサイト制作 以前から個人的にダークモードの対応を推奨しています。基本の書き方は過去記事「Webサイトをダークモードに対応させよう」を読んでもらうとして、今回は画像まわりのダークモード実装方法を中心に紹介します！ ↑私が10年以上利用している会計ソフト！ 画像の明度や彩度を落とす 明るい背景色の場合、画像は鮮やかで明るい色合いが目に止まりやすいですよね。しかしダークモードでは、まわりが暗くなるので画像だけ派手に眩しく見えてしまいます。そこで、CSSの filter を使って、ダークモードのときは明度や彩度を調整するといいでしょう。 実装するには filter プロパティーに、明度は brightness() 、彩度は saturate() を指定します。カッコの中にパーセントで割合を書けば完了。明度・彩度両方指定するなら以下のように値を続けて書きます。 @
この記事では、ウェブデザイン制作で活用したい最新UIインタラクション、アニメーションをまとめてご紹介します。Webやモバイルアプリの参考アイデアとして取り入れたい、ユニークで素敵なアニメーションを中心に揃えています。 最新ウェブデザインも一緒に確認することで、デザイントレンドや動向をうまく掴むことができます。 Webアイデアの宝庫！注目したい最新ウェブデザイン35個まとめ Web制作の参考アイデアに！いま話題の最新ウェブデザイン50個まとめ いまWebがすごい！参考にしたい話題の最新ウェブデザイン37個まとめ 【総まとめ】2019年印象に残った世界のベストWebデザイン厳選50個 新感覚の動き！Web制作で参考にしたい最新UIインタラクション、アニメーションまとめ #blacklivesmatter 世界中でムーブメントを巻き起こしている、黒人に対する暴力や構造的な人種差別の撤廃を訴える
みなさんこんにちは！ デザイナーのえびちゃんです。 デザイナーになると、制作物には必ず締め切りが存在しますよね。スクール通学時代など、デザインを勉強している段階ではたっぷり時間をかけてデザインに取り組むことが可能ですが、お仕事となるとそうはいきません……。 特にデザインの仕事に就いてまもないと、スピードが上がらないと悩んでいる方も多いのではないかと思います。私も入社した当初はアイキャッチ（サムネイル画像）1枚に3日（！）もかけて作成していましたが、それから1年経ったいま、数時間で作成できるようになりました。 今回は、私がアイキャッチやバナーなどの制作スピードを上げるために意識的におこなったったことを紹介していきます！ デザイン編 3選 まずは、デザインに関して意識して取り組んだことを紹介します！ ①最初にレイアウトを固めてから配色などの装飾する PhotoshopやIllustratorな
富家（ふけ）と申します。 いつもお世話になっているみなさん、ありがとうございます。 BtoBマーケティングに関わる仕事をさせていただくようになって、2023年で6年目を迎えました。たくさんの人に支えられて、なんとかここまでやってこれました。 3人でスタートしたマーケティングチームが、5人…10人…30人…と人数が増え、やがて部となり、メンバーを持たせもらうようになりました。私個人としても１つのサービスのマーケティング担当者からスタートし、事業全体、全社マーケ…と、マーケターとして少しずつ見させてもらう範囲も広がってきました。 まだまだまだまだ……諸先輩方には遠く及ばない未熟者ですが、すべてが手探りだったあの頃から今をふりかえって、これまでの経験や学んできたことをnoteにまとめてお伝えしたい！少しでもみなさんの仕事につながるひらめきのヒントになれば…とキーボードをたたき始めました。 という
Sassの新しいモジュールシステム
Sassに新しいモジュールシステムが導入されます。具体的には@useと@forwardという2つのルールが登場し、@importルールは将来的に廃止される予定です。現在、Sassのおもな実装としてDart SassとLibSassがありますが、まずDart Sassへの実装が進んでいて、今年10月に安定版がリリースされる予定です。この新しいモジュールシステムを簡単に紹介したいと思います。 なお、ここで言うSassの「モジュール」とは、メンバー（変数、関数、ミックスイン）のコレクションを指し、具体的にはSassのソースファイルのことです。 背景 新しいモジュールシステムが開発された背景として、@importルールがかかえる多くの問題があります。ファイルスコープがないため依存モジュールの把握が困難になったり、名前空間を持たないためにライブラリの作者と利用者が命名を工夫しないといけなかったり、と
【意外と教わらない】Webデザイナーなら知っておくべき画面サイズのお話。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのまいまいです🦀 みなさん、駆け出しのWebデザイナーのころってどんなことを学びましたか？ デザインツールの使い方、フォント、レイアウト、配色、コーディング、etc……。 いろんなことを学びますよね。今回は、「めちゃくちゃ大事なのに言葉でサラッと説明するのが難しい」「はじめからきちんと理解しておけば……」と私が感じた画面サイズについて書きます！ 独学でつまずいていませんか？ Webデザインの基本を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 カンバスサイズ PhotoshopもしくはXDやFigmaでデザインをつくると
京都府警は7月4日、府警が事務局を務める中小企業向けの情報セキュリティ支援サイトが改竄（かいざん）され、アクセスしようとすると別のサイトに接続される状態になっていたことを明らかにした。不正アクセスを受けたとみられる。府警は利用者のメールアドレスなどの個人情報が流出した可能性は低いとしている。 サイトは「京都中小企業情報セキュリティ支援ネットワーク」。府警が事務局として運営に関わり、京都府内の中小企業を対象に情報セキュリティに関する情報発信などを行っていた。サイトのサーバ管理は京都市内のWeb制作会社に委託していたという。 府警によると、2日午後5時ごろ、サイトの更新作業を行っていた府警の担当者が改竄に気付いた。サイトにアクセスしようとすると、スポーツ賭博関連のサイトを紹介しているとみられる中国語のサイトに接続される状態になっていたという。府警はサイトを停止、原因を調査している。 府警サイバ
兵庫県西宮市は海・山・川と自然にも恵まれ、大阪と神戸の間に位置していることから、商業施設も多くある都市です。 特に阪神甲子園球場や、えびす神社の総本社である西宮神社などは、全国的にも有名ですよね。 また、交通の便が良く治安も良いので、住みたい街ランキングでも度々1位を獲得しています。 今回は、そんな西宮市で生まれ育ち、西宮をよく知るWeb制作の専門家が、西宮市でおすすめのホームページ制作会社をご紹介します。 西宮のWeb制作会社それぞれの得意分野、料金相場、過去の実績などを客観的に判断して、おすすめの会社を7社まで厳選しました。 西宮市でおすすめのホームページ制作会社7選【2024年】今回ご紹介するのは、西宮市が所在地のWeb制作会社に限定しています。 その上で、特徴、料金相場、デザイン力、実績など2024年の最新データを踏まえて、おすすめできる事業者を選びました。
2022.11.15 働き方 プログラマーお金CTO 降格ーー。会社員にとって最も聞きたくない言葉の一つだろう。せっかくつかんだポジションを降格させられたら、今まで自分がやってきたことを否定されたと感じる人もいるかもしれない。 しかし、ひたすら降格し続けているのに、むしろどんどんハッピーに働いている人がいる。それが、システム開発やWeb制作を中心に企業のDX支援を行う株式会社LIGでエンジニアとして働くづや（高遠和也）さんだ。 づやさん（@zuya_osora） 1983年生まれ。長野県出身。愛知工科大学卒業後、東京でエンジニアとして勤務。2007年、吉原ゴウと株式会社アストロデオを共同創業。12年に株式会社LIGと合併し、LIGの技術部門の中核として事業を支える。20年、取締役およびCTOを退任。ちなみに本名は高遠和也 創業メンバーとしてLIGの草創期を支え、CTOとして活躍するも退任。
世田谷区には大手のホームページ制作会社もありますが、いざホームページを作成しようと思った時に、どの会社に制作依頼すれば良いか迷ってしまいますよね。 そこでこの記事では、世田谷区にあるホームページ制作会社を1社1社Web制作のプロが調査して、おすすめできる会社を8社まで厳選しました。 世田谷区のおすすめホームページ制作会社8選をご紹介しますので、これからホームページの作成を考えている方や、世田谷区のホームページ制作会社を探している方はぜひ参考にしてください。
HTMLのタグちゃんと使おう
初めに Team DELTA の三浦です。 昨年のアドベントカレンダーでweb 制作から開発領域に足を踏み出している話を書きました。 React で書かれたスマートクリニックシステムの UI 調整をメインでやっています。 アドベントカレンダー以降も Team DELTA として情報発信していくぞ！ということで、今週は、自分が UI 調整をする中で気づいた、マークアップで気をつけたいことの記事を書きました。 どんな人に読んでほしいか まずは自分（戒めも込めて） そして、どちらかというとサーバー側をメインで書いていて、あまりマークアップに触れてこなかったという方にも、参考になる部分があれば幸いです。 どんな内容か なるべく適切なタグを使おうというテーマです。WAI-ARIA のようなアクセシビリティには細かく踏み込んでいません。 誤っている内容があれば、（優しめに）ご指摘いただきたいです！ H
ホームページやウェブサイトを制作するなかで、「この作業は苦手」「いつも〇〇でつまづく」など日々格闘しているひとも多いでしょう。 この記事では、そんな面倒なWeb制作を楽にするお役立ち最新オンラインツールをまとめてご紹介します。 頭を抱える配色えらびから、おしゃれイラストのダミー生成ツールや、商用利用もできるHTMLテンプレートなど、時間のかかっていた作業を時短できる新サービスがぞくぞく増えています。 自分だけの最強ワークフロー術として、この機会に活用してみてはいかがでしょう。 カテゴリごとに整理しています、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Web制作便利ツール 2. 配色ツール 3. デザインコレクション 4. プロトタイプ、アイコンツール 5. コラボ、リモートワークツール 6. 面白、クリエイティブツール Web制作の効率、生産性アップ！話題の最新
達人出版会
探検! Python Flask Robert Picard, 濱野 司(訳) BareMetalで遊ぶ Raspberry Pi 西永俊文 なるほどUnixプロセス ― Rubyで学ぶUnixの基礎 Jesse Storimer, 島田浩二(翻訳), 角谷信太郎(翻訳) 知る、読む、使う！ オープンソースライセンス 可知豊 きつねさんでもわかるLLVM 柏木餅子, 風薬 R／RStudioでやさしく学ぶプログラミングとデータ分析 掌田津耶乃 データサイエンティストのための特徴量エンジニアリング Soledad Galli(著), 松田晃一(訳) 実践力をアップする Pythonによるアルゴリズムの教科書 クジラ飛行机 スッキリわかるサーブレット＆JSP入門 第4版 国本 大悟(著), 株式会社フレアリンク(監修) 徹底攻略 基本情報技術者教科書 令和6年度 株式会社わくわくスタディワール
XDからFigmaへ移行したい人のためにFigmaの機能を紹介
XDからFigmaへ移行したい人のためにFigmaの機能を紹介 この記事では、XDからFigmaに移行しようとしている方、Figmaを使ったことのない方に向けて、Figmaの機能の中からよく使用するものを紹介しています。 この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 マスクとして使用 Figmaでもマスクを使うと図形などからはみ出した部分を表示しないようにできます。 画像と図形を用意します。図形はその形からはみ出て部分を表示しなくなるので、その図形でくり抜かれたような表示になります。 マスクの作成方法 マスクとして使用したい図形の前面に画像を配置します。 図形と画像の両方を選択した状態にし、上部ツールバーにある［マスクとして使用］アイコ
デザインスピード1.5倍！？Adobe XDにおけるデザインデータ管理術 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 常に美しいデータ管理を模索中のありさんです。 突然ですが、XDでデザインしているとき、データってカオスになりがちですよね……？ メインコンポーネントがどこだかわからなくなる XDがフリースタイルすぎて、とっ散らかる 自分しか理解できない置き場所になってしまう 自分だけで作っているときは良いですが、いざフロントエンドやバックエンドのエンジニアさんにお渡ししたときに「これどうなってるの……？」って困らせてしまうケース……私はめっちゃあります！！！！！ そんな、プロジェクトの平和のために、ワイヤーフレーム作成、デザイン作成時の管理方法を作ってみました。 今回紹介する管理方法を実際のプロジェクトでも使ってみたところ、プロジェクトメンバーとの意思疎通もスムーズでデザインスピードも1.5倍（体感）くらいになったので、紹介します。 XDデータをつくるうえでの要件 プロジェクトメンバー全員が
千葉県でホームページの作成をしたいと思った時に、多くの制作会社があるため、どの会社に依頼すれば良いか選ぶのが難しいですよね。 そこでこの記事では、Web制作の専門家が千葉県にあるホームページ制作会社を調査して、おすすめのWeb制作事業者を厳選してご紹介します。
Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました
Webアイコンフォントの【Font Awesome】がアカウント登録必須になったので、使い方をおさらいしました 2019年9月5日 Webサイト制作, 便利ツール Font AwesomeはWebページ上にアイコンを表示させるためのサービス。汎用性の高いシンプルなアイコンが多数用意されています。アイコンの画像をご自身で用意しても構いませんが、このようなサービスを使うと手軽に実装でき、管理もしやすくなるでしょう。昔から愛されてきたこのFont Awesomeですが、少し前からアカウント登録が必要になりました。今回はアカウント登録の手順から基本的な使い方を紹介します。 ↑私が10年以上利用している会計ソフト！ Font Awesomeのアカウント登録手順 これまではCDNと呼ばれる、誰もが共通で使えるファイルのURLをコピペして使用できていました。しかしこれからはメールアドレスを登録し、個別に
奈良県のホームページ制作会社は、地域に密着したデザインやコンテンツを提供していることが多く、奈良県ならではの観光地や文化財などを取り上げたコンテンツを制作している会社が多数あります。 しかし、奈良県のホームページ制作会社を探していても、どの会社に依頼すれば良いのか選ぶのが難しいのではないでしょうか。 そこでこの記事では、Web制作のプロの目から見て、奈良県でおすすめのホームページ制作会社を厳選してご紹介します。 奈良県にあるホームページ制作会社を1社ずつ調査した中から、おすすめの8社まで厳選しています。 奈良県でホームページ制作会社を探している方は、ぜひ参考にしてください。
兵庫県尼崎市は工業の街ですが、ダウンタウンの出身地として全国でも有名で、交通の便が良いこともあり、近年はキューズモールをはじめとした大型商業施設や、高層マンションが多数建設されています。 今回は、そんな尼崎市でおすすめのホームページ制作会社をご紹介します。 Web制作の専門家が、尼崎市にあるホームページ制作会社を1社ずつ調査し、6社まで厳選しました。
旭川市は北海道のちょうど中央あたりに位置していて自然が豊かな地域ですが、実はホームページ制作会社も充実しています。 そのため、旭川市でホームページ制作会社を探していても、どの会社に依頼すれば良いか迷ってしまうのではないでしょうか。 この記事では北海道旭川市にあるホームページ制作会社の中から、Web制作のプロの目から見たおすすめをご紹介します。 旭川市のホームページ制作会社を探している方は、ぜひ参考にしてください。
沖縄県にはホームページ制作会社が多くあり、これからホームページを作成しようと思っていても、どの会社に依頼すれば良いか、迷ってしまう方も多いのではないでしょうか。 そこでこの記事では、Web制作の専門家がおすすめする沖縄県のホームページ制作会社をご紹介します。 沖縄県のホームページ制作会社について詳しく知りたい方は、ぜひ参考にしてください。 沖縄県のホームページ制作会社9選【2024年最新版】沖縄県にあるホームページ制作会社の中から、Web制作の専門家から見たおすすめを9社まで厳選。 2024年の最新データをもとに、格安ホームページの制作が得意な会社や、実績が豊富なホームページ制作会社、ECサイト制作に強いホームページ制作会社など、沖縄県を代表する様々な得意分野を持つホームページ制作会社の中から厳選しました。
🍃はじめに 「これからのWebコーディングのスキルは、はじめからJamstack志向でも良いのではないか？」 と考えたことが本記事執筆の理由です。 先日エビスコムさまから作って学ぶNext.js/React Webサイト構築が発刊され、これであれば普段Webコーディングを専門にされている方がJamstackに入門できると考えました。 一方でJamstackに関連する資料は中上級者向けのものが多く、初学者向けの体系だった資料がありません。 この課題を解決すべく作って学ぶNext.js/React Webサイト構築を目標に掲げ、それまでの道を整備したいと思い本記事を書くに至りました。 🙋対象 これからフロントエンド(Jamstack)を勉強される方 コーディングの基礎を整理したい初中級者 Macユーザー(Windowsでも可能ですが適宜読替えが発生する可能性があります) 🏁ゴール 作って
問い合わせから提案までを爆速に！Webサイト提案で使える分析解析ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナー・ディレクターのありさんです。 お客様からのリニューアルのご相談、サイト改善を行うときに、営業提案資料を作っています。今回は資料作成で私が調査・分析に使っているWebツールを紹介します！ NDA締結前はGoogleアナリティクスやGoogle Search ConsoleなどGoogle系ツールを共有してもらうことできないので、外部の調査ツールを使うことが多いです。 提案を行う際によく使うWeb解析ツールの概要や活用例、おすすめの種類などについてを紹介します！ Googleアナリティクス GoogleアナリティクスではPVや訪問数、直帰率など、Webサイトに訪問したユーザーの行動がわかります。 目標設定を行なっている場合は、目標完了数、目標完了率を確認することが可能です。 NDAを結んでいてGoogleアナリティクスのデータを見せてもらえる場合は、提案資料に活用しま
Webデザインツールはどれを使えばいいの？
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 Webデザインのためのツール（アプリ）はいくつもあるため、Webデザインを勉強し始めたばかりの方は何を使っていいのか迷うと思います。 この記事ではデザインツールの特徴だけでなく、「カード型UIデザイン」を例にWebサイトのデザイン制作に使用する機能の比較をしたり、アプリ間の連携についても触れていきます。 デザインツールの種類デザインツールそれぞれの特徴Webサイトのデザイン制作に使用する機能の比
脱・Atomic Design - HTML+CSSコーディングの粒度分類法（HTML Parts） - Qiita
はじめに HTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレームなどの視覚情報を分解することに焦点をあて、分解した対象を部品化する流れも併せてガイド化した汎用手法です。 世の中には、コーポレートサイト / ポータルサイト / サービスサイト / システム管理画面 / ブログサイト… といった様々な種別のサイト、Webページがありますが、これらの「完成予想図（視覚情報）」を同じ方法で分解して、コーディング用の部品にできます。 粒度と言えばAtomic Designが有名ですが、この「HTML Parts」も粒度そのものの考え方についてはAtomic Designの踏襲です。その上で「思考の入り方・捉え方」や「名称と定義」をコーディング側に寄せることで、CSS設計やコーディング業務を標準化しやすくしています。 ※この記事は標準化ノウハウ公開の一環とし
2022年、Web制作・デザインに役立つ記事の総まとめ
2022年、当サイトで公開した記事の中からPocketにたくさん登録された記事やツイートされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figmaなどの使いこなし術 フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 2022年のもっとも大きなニュースは、IEのサポートが終了したことではないでしょうか。IEに苦しめられていたWeb制作者は非常に多いと思いま
CSSで三角形のいろいろな実装例
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 三角形や矢印をWebブラウザーで表示するためには、PNGなどのラスター画像、SVG、CSSを使う方法があります。 場面に応じた実装方法を選ぶことで、該当箇所に変更があった場合に対応しやすくなります。 この記事では、実装方法によってどのような違いが出るのか、3つのパターンで解説します。 コンテンツの区切りで斜めになっている背景手順や流れでよくある矢印before/afterでの矢印 セクショニング
この記事では、「もっと早く知りたかった」と思ってしまう、便利な最新オンラインツールをまとめてご紹介します。 AIをフル活用した次世代ツールから、これまでの作業が嘘のように捗る便利なものまで、今後のワークフローを変えてくれそうなツールを中心に揃えています。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. Webデザイン便利ツール 2. デザイン・配色ツール 3. モックアップ・アイコンツール 4. 面白・クリエイティブツール Web制作の効率、生産性アップ！話題の最新オンラインツールまとめ Webデザイン便利ツール 3D Perspective Glitch Hover Effect グリッチアニメーション中にピクセル化された画像を表示する、ユニークでたのしいホバーエフェクト。 Bike Demo Three.js マウススクロールに合
ホームページを制作する会社は全国でも非常に多くありますが、新潟県で活動されている方であれば、地元新潟県の事業者に依頼したいと思う方も多いのではないでしょうか。 そこでこの記事では、新潟県に所在地のあるホームページ制作会社の中から、Web制作の専門家から見てもおすすめできるホームページ制作会社だけを厳選してご紹介します。 初めてホームページを制作しようと思っている方や、新潟県のホームページ制作会社を探している方にとって、非常に参考となる情報となっていますので、ぜひ最後までご覧くださいね。 新潟県のホームページ制作会社9選【2024年最新版】新潟県に所在地のあるWeb制作会社の2024年最新データを調査して、おすすめのホームページ制作会社を9社まで厳選しました。 これまでの制作実績や、料金相場、運営サポート、特徴や得意分野など、様々な指標を評価基準として、厳選しています。
漫画の「キャラクター」は著作物ではない？ 「同人誌の法的位置づけ」を巡り画期的判決、弁護士にポイントを聞いた
いわゆる“同人誌転載サイト”に自身の作品を無断で掲載されたとして、同人作家の女性がサイト運営元に対し損害賠償を求めていた裁判（控訴審）で、知的財産高等裁判所は10月6日、被告側の控訴を棄却し、一審判決（関連記事）は妥当であるとの判決を下しました。また、公開された判決文の中で、二次創作同人誌の法的位置付けについて（あくまで同人作家と第三者による裁判という点には注意が必要ですが）著作権侵害にはあたらないとの判断が示されたことも大きな注目を浴びています。 被告が運営していたサイトの1つ「BL同人801館」（現在は閉鎖） 一審の記事でも触れた通り、今回の裁判では「二次創作同人誌は著作権で保護されるか」という点が大きな争点となりました。原告の同人誌は『ハイキュー!!』や「TIGER＆BUNNY」「おそ松さん」といった漫画やアニメ作品を元にしており、被告側はこれについて「違法な二次的著作物」であり、訴
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
元デザイナー採用担当が教える、選考通過率の高いポートフォリオ作成術
岐阜県のホームページ制作会社7選【2024年版】HP作成の優良Web制作会社まとめ
【2024年】青森県のホームページ制作会社8選！HP作成におすすめWeb制作会社
アイキャッチデザインで参考になるWebメディア37選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
何度も短縮し過ぎ？！SSL証明書の有効期間がどんどん短くなる理由とは？ | さくらのSSL
作字テクニックのひとつ「文字を溶かす」を徹底解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
岡山のホームページ制作会社10選！おすすめのWeb制作会社【2024年】
動きが新感覚！Web制作で参考にしたいUIインタラクション、アニメーション36個まとめ
デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
5年間やってわかった、BtoBマーケターがやるべき仕事の全体感｜富家 翔平（Shohei Fuke）
京都府警のセキュリティ支援サイトが不正アクセス被害か 「大失態で重く受け止め」
【2024年】西宮市のホームページ制作会社7選！おすすめのWeb制作会社
「三度目の正直もダメでした」CTOを3回退任→現場エンジニアになったLIG元取締役づやさんの“最良の選択” - エンジニアtype | 転職type
世田谷区でホームページ作成【2024年】Web制作会社おすすめ8選
めっちゃ楽！面倒なWeb制作から救う最新オンラインツール44個まとめ
千葉県のホームページ制作会社9選【2024年版】HP作成の優良Web制作会社まとめ
奈良県のホームページ制作会社8選！HP作成のおすすめ優良企業【2024年最新版】
尼崎市のホームページ制作会社6選！おすすめWeb制作会社【2024年】
旭川市のホームページ制作会社8選！プロが選んだおすすめWeb制作会社【2024年版】
【2024年】沖縄県のホームページ制作会社9選【HP作成】おすすめWeb制作会社
JamstackなWeb制作者になるためのロードマップ
もっと早く知りたかった！便利な最新Web、オンラインツール30選
【2024年最新】新潟県のホームページ制作会社9選【HP作成】新潟市のWeb制作会社