Webデザインのアイデアがほしいときに、クリエイティブな想像力をかきたてる最新の良質おすすめサイト30選をご紹介。 国内外のウェブギャラリーでも取り上げられている、世界中からセレクトされたホームページやWebサイトは、レイアウトや配色、フォントえらびなどに困ったときにも役立ちますよ。 これからどうなる？おすすめ世界の最新ウェブデザイン30選 Welcome to Marmoset 90年代風のノスタルジックでレトロなイラストを多用した、ユニークで楽しい雰囲気のウェブサイト。各パーツに動きが加わることで、オリジナリティーのある一度見たら忘れないデザインに。 Peter Tarka 圧倒的な立体感の3Dアニメーションを制作するデザイナーのポートフォリオ。細部まで作り込まれたアニメーションは、世界的大企業がこぞってコラボレーション中。 すべてのお母さんに、ありがとう 母の日に合わせて公開された特

Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。 コードの比較 React const Counter = () => { const [count, setCount] = useState(0) useEffect(() => { console.log(`Count: ${count}`) }, [count]) return ( <div> <div>{count}</div> <button onClick={() => setCount(prev => prev + 1)}>Add</button> </div> ) } const Counter = () => { const [count, setCount] =

1989年、愛知県生まれ。名古屋工業高等学校卒業後、2008年に株式会社松田電機工業所（自動車部品メーカー）に入社。愛知県の工場で生産技術エンジニアとして働く。入社5年目の22歳で、海外（タイ）工場─立ち上げのプロジェクトに参加。1年半にわたる海外駐在を経験。2014年、株式会社SUBARUに転職。先行開発に携わる傍ら、自ら他社に声がけして「共同研修プログラム」を立ち上げ。 2016～2018年、東京理科大学大学院経営学研究科技術経営専攻（MOT）に働きながら通い、修了。 「プロジェクト単位の仕事がしたい」とコンサルティング・ファームへの転職を決意。2018年～PwCコンサルティング合同会社、2019年～デロイトトーマツ コンサルティング合同会社にて、コンサルタントとして勤務。大手メーカーへの業務効率化の支援などを行う。2021年8月に独立。現在はException株式会社の代表として、企

この連載について この連載では、ITRの甲元宏明氏（プリンシパル・アナリスト）が企業経営者やITリーダー、IT部門の皆さんに向けて「不真面目」DXをお勧めします。 「不真面目なんてけしからん」と、「戻る」ボタンを押さないでください。 これまでの思考を疑い、必要であればひっくり返したり、これまでの実績や定説よりも時には直感を信じて新しいテクノロジーを導入したり――。独自性のある新しいサービスやイノベーションを生み出してきたのは、日本社会では推奨されてこなかったこうした「不真面目さ」ではないでしょうか。 変革（トランスフォーメーション）に日々真面目に取り組む皆さんも、このコラムを読む時間は「不真面目」にDXをとらえなおしてみませんか。今よりさらに柔軟な思考にトランスフォーメーションするための一つの助けになるかもしれません。 三菱マテリアルでモデリング／アジャイル開発によるサプライチェーン改革や

日経クロステック登録会員になると… ・新着が分かるメールマガジンが届く ・キーワード登録、連載フォローが便利 さらに、有料会員に申し込むとすべての記事が読み放題に！ 春割キャンペーン実施中！ ＞＞詳しくは

対象読者 JavaScript、Next.js、Web開発の基礎を理解している方 Next.jsについては「Next.jsのシングルページアプリケーションをデプロイして、基本をマスターする」を参照してください。 GitおよびGitHubの経験がある方 CI/CDの経験がある方 Webのホスティング環境に興味のある方 NetlifyやGitHub Pagesのご経験がありますと、より理解がしやすいと思います。 前提環境 筆者の環境は次の通りです。 Windows 10 Visual Studio Code Next.js Vercelアカウント GitHubアカウント Vercelとは VercelはCI/CDとWebサーバーが合わさったサービスです。無料で始めることができ、GitHubなどのリポジトリと連携することで手軽にアプリケーションをデプロイすることが可能です。また、CDNが含まれて

Linuxでは、実用性の高いソフトウエアを無料で利用できる。そこで「デスクトップ」「文書作成」「インターネット」「マルチメディア」の4つの分野のフリーソフトを30本厳選し、紹介する。

「勉強の習慣を身につけるぞ！」という気持ちはある。たくさんのことを覚えたいし、勉強時間を少しでも長く確保しようと思っている。それなのに、いつになっても勉強の習慣化に成功できない……。 それはあなたが、勉強についてちょっとした勘違いをしているせいかもしれません。 今回は、勉強の習慣化を妨げかねない、学習に関する “よくある勘違い” を3つピックアップします。まさにその勘違いをしている……と気づいたあなたのために、改善策もお伝えしましょう。 1.「勉強には “充分な時間” が必要だ」というのは勘違い 2.「 “ひとつの分野” に集中すべきだ」というのは勘違い 3.「一気に覚えてしまったほうが、あとがラク！」というのも勘違い 1.「勉強には “充分な時間” が必要だ」というのは勘違い とある休日。「今日は朝からたっぷり勉強できるチャンスだ。夕方までには勉強を終えて、夜はゆっくりしよう」と思ってい

米軍施設「横浜ノース・ドック」がある瑞穂ふ頭（横浜市神奈川区）の入り口付近にあり、約７０年の歴史を持つバー「スターダスト」は、戦後の米国による接収下で営業していたスタイルや雰囲気をそのまま残し、いまなお多くの客を引き付ける名店だ。長く経営に携わってきた老齢のマスターは、店舗が〝都会の辺境〟にあることで味わった経営難や、ドラマや映画、人気曲の舞台となって注目され、息を吹き返したことなど、同店がこれまで歩んできた平坦（へいたん）ではない道のりを赤裸々に話す。 スターダストは市沿岸部の倉庫群の一角、瑞穂ふ頭の手前の殺風景な場所にある。周辺に飲食店などのきらびやかなものは何もない。駅も遠く、交通の便も良いとはいえない、まるで都会の辺境といったエリアだ。目の前にある瑞穂ふ頭へと続く橋には「立入禁止」と大きく書かれ、米軍施設周辺の緊張感が漂っている。 撮影の題材に「昔はここにバーが６軒並んでいたんだよ

概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、React や Vue.js などの SPA フレームワークにおけるコンポーネント設計について紹介します。 昨今のフロントエンド開発では、コンポーネント指向での開発がスタンダート化しつつありますが、コンポーネント設計には厳格なルールが無く、どのように設計すればいいか悩む方も多いのではないでしょうか？（筆者は沼にはまりました） コンポーネントの単位はどの程度に分割すべきなのか、状態管理はどうすればいいのか、API 通信はどこですべきなのかなど、一言にコンポーネント設計と言っても考えるべき項目が多いです。チーム開発では、認識があっていないとコードが魔境になることもしばしばあると思います。（筆者の経験談より） そこで今回は、数々

Linuxでは、実用性の高いソフトウエアを無料で利用できる。そこで「デスクトップ」「文書作成」「インターネット」「マルチメディア」の4つの分野のフリーソフトを30本厳選し、紹介する。 No.7　Pika Backup NASやクラウドへのバックアップが簡単（ジャンル：バックアップ管理） Ubuntu Japanese Team　あわしろ いくや https://apps.gnome.org/app/org.gnome.World.PikaBackup/ Ubuntuに標準インストールされているバックアップツール「Déjà Dup（デイジャドゥーブ）」は、必要な機能が一通りそろっており、ユーザー単位のバックアップを取る目的では、ほかのバックアップツールを必要とする状況はほぼありません。ただし、バックアップ先にNASなどのリモートサーバーを指定したい場合、Déjà DupではURLを自分で考え

クラウドサービスを使い始めるにあたってAWSは多機能で利便性が高い一方で、サービスが多く複雑なため、何をどう使えばいいのか初心者にはわかりづらいかもしれません。そんな方にAWSの概要と主だったサービスの技術面を解説する書籍『図解まるわかり AWSのしくみ』が、CodeZineを運営する翔泳社より5月23日（月）に発売となりました。 『図解まるわかり AWSのしくみ』ではAWSの概要だけにとどまらず、よく使われるおすすめのサービスや機能の技術面についてもイラスト入りで解説しています。 これからAWSを利用しようと考えている方にとって、AWSの多機能ぶりは目を見張るものがあり、何から学べばいいのか、自分のやりたいことがどのサービスで実現できるのかを知るのが難しいのではないでしょうか。 本書では仮想サーバーのAmazon EC2、ストレージのAmazon E3、仮想ネットワークのAmazon V

Pythonのプログラムを作るには、Python用の「開発環境」を構築する必要があります。開発環境とは、プログラムのコードを書いたり実行したりするためのツール類、およびその裏で動く仕組み一式のことです。Python開発環境を構築しましょう。

こんにちは。CX事業本部MAD事業部のYui(@MayForBlue)です。 最近調べものをしている中で見つけたドキュメントが良かったのでご紹介したいと思います。 先にまとめ Microsoft の RESTful Web API の設計 のドキュメントが API 設計を考える上で勉強になった 関連する クラウド アプリケーションのベスト プラクティス のドキュメントもアプリケーションを設計する際の指標として良さそう RESTful Web API の設計 最近 API 設計やパス設計について考える機会があったのですが、これという正解がなかったり、人によって思想やこだわりが違ったりして結構難しいなと感じていました。 そんな中で下記のドキュメントを見つけてひとつの指標として良いなと思ったのでご紹介します。 内容（項目） REST とは何か リソースを中心とした API 設計の整理 HTTP

近年目覚ましい進歩を遂げている人工知能（AI）。その開発用プログラミング言語の事実上の標準となっているのが「Python」だ。この特集では、入門者向けにPythonの基礎を一気に解説する。 ここでは、ここまでで学んだPythonの基礎知識を活用して、ちょっとしたアプリを作っていきます。題して「画像一括リサイズアプリ」です。 画像一括リサイズアプリを作ろう まずはこれから作る、画像一括リサイズアプリの仕様を解説します。アプリの機能は、

味の素が公式サイトで紹介しているレシピ“豚ひき肉かたまり焼き”が、大変簡単シンプルで注目を集めています。ひき肉を使い切りたいけど時間がないならかたまり焼きで決まりだ！ 【画像】“豚ひき肉かたまり焼き”の作り方 このレシピが話題になったきっかけは、べちかさん（＠10chf）のツイート。ひき肉の簡単なレシピはないかとググって見つけツイートしたところ、10万件近い「いいね」が寄せられるほど話題になっています。 豚ひき肉かたまり焼きで使うものは、豚ひき肉、マヨネーズ、片栗粉のみ。ひき肉はパックに入れたまま混ぜればよく、あとはフライパンで焼くのみの簡単さです。調理時間は10分以内となっています。実にお手軽。 味の素はこの紹介ツイートに反応しており、反響の大きさから接続過多で一時的にサイトが落ちていたとのこと。サイト上のカウンターでも、1週間での閲覧数が3万5000人近くに登っています。 画像提供：べ

どうも、まさとらん（@0310lan）です！ 今回は、直感的な操作で高度なWebデザインを誰でも実現できるサービスをご紹介します。 Webサイトを構成するインタラクティブなコンテンツが豊富に用意されており、それらを組み合わせるだけで最適なWebサイトを誰でも簡単に構築できます。 また、提供されていないコンテンツや機能などは、JavaScriptで好きなように拡張できる設計になっているので無限の可能性も秘めています。Webサイトの作成にご興味ある方はぜひ参考にしてください。 【 Vev 】 ■「Vev」の使い方 それでは、「Vev」をどのように使えばいいのか詳しく見ていきましょう！ まずはトップページの黄色いボタンから無料のユーザー登録を済ませておきます。 利用可能なメールアドレスを入力してエンターキーを押してください。 すると登録したメールアドレス宛に、ログイン用のリンクが送付されるのでク

インプレスは5月19日、同社が発行している書籍「Visual Studio Code完全入門　Webクリエイター＆エンジニアの作業がはかどる次世代エディターの操り方」を同社特設ページ上で全文無料公開すると発表した。同書籍の重版を記念したもので、公開期間は5月21日まで。 「Visual Studio Code」は、米Microsoftが開発したソースコードエディタで、Web制作やアプリ開発などに使われている。同書籍は、Visual Studio Codeをこれから始めたい人に向けた入門書籍で、基本設定の方法からカスタマイズ、Web制作やプログラミング向けの機能などを解説しているという。

食費がどんどん上がって悲鳴をあげている…そんなご家庭、多いのでは？ 家計に優しい「鶏むね肉」は安い・旨い・ヘルシーの3拍子揃った、優良食材です。クックパッドニュースでは、そんな鶏むね肉に関する多くの記事を配信してきましたが、その中でも特に注目度が高かったTOP5をご紹介します。