近代から現代にかけて、この地域の産業の中心となったのは向島・因島での造船業である[2]。これらの島では中世では村上水軍の勢力下で、近世では商人用の廻船として船製造が行われており、近代になり木造船から鉄造船に移行すると、島で育まれた造船技術と尾道において中世から受け継がれていった鍛冶の技とが結びつき飛躍的に発展した[111]。因島では明治29年（1896年）土生船渠合資会社が、向島では明治39年（1906年）松場鉄工所、瀬戸田では大正4年（1916年）山陽造船が最初に起業し、以降日立造船系（現ジャパン マリンユナイテッド）・尾道造船系・内海造船系の3つに集約されている[111]。日露戦争・第一次世界大戦・第2次世界大戦・朝鮮戦争と戦争による特需活況と戦後の不況、その後も好況不況を繰り返したなかで成長していった[111]。

この造船に活気だつ島へ尾道からの交通手段として渡船が最大で12箇所まで増えていくことになるが、現代に入り広域交通が整備される中で規模が縮小されていった[94]。

昭和2年（1927年）西隣三原の糸崎港とあわせ尾道糸崎港として第2種重要港湾に指定され、昭和13年（1938年）尾道中央桟橋・西御所物揚場などが整備された[3][21]。更に昭和28年（1953年）尾道糸崎港は重要港湾に指定された[3][21]。

そして、戦後の広域道路網整備は昭和43年（1968年）尾道大橋開通から始まり、平成27年（2015年）に山陽自動車道・西瀬戸自動車道・中国横断自動車道が結ばれた。昭和63年（1988年）山陽新幹線新尾道駅が開業、駅前再開発に合わせ平成11年（1999年）尾道駅が平成12年（2000年）尾道糸崎港が再整備された。

尾道ポートターミナル

しまなみ交流館テアトロシェルネ

まちづくりの取り組み 千光寺公園から望む尾道と向島。 向島から対岸北側の千光寺山を望む。

現在尾道市全体で見ると、少子高齢化がすすみ空き家が発生している[1]。市街地でも同様で、特に斜面地では災害対策やバリアフリー問題など生活環境に問題がある[1]。一方で尾道は数年ごとにブームが起こる観光都市でもある[112]。都市開発による急激な変化を望まないものもいる。尾道市主導の開発の幾つかは市民の抗議により頓挫しており、平成に入り2度高層マンション計画が上がったが、1度目は署名活動を展開した市民団体が用地を買い取り現在はMOU尾道市立大学美術館となり、2度目は市民の抗議活動を受けて市が用地を買い取り公園になった[1][113][114]。

これらを受け、尾道市は景観を重視するようになる。景観法に基づく景観行政団体となり市街地を景観地区に指定、2007年には全国に先駆けて「尾道市景観条例」を制定、歴史まちづくり法施行に伴い尾道市は「歴史的風致維持向上計画」を作成し、市街地を「尾道・向島歴史的風致地区」として重点区域に指定した[1][114]。

こうした中で国による日本遺産選定の際に尾道市が作成した「尾道水道が紡いだ中世からの箱庭的都市」というストーリー案が認められ、2015年広島県初の日本遺産認定となった[114][115]。
風景

尾道は、南北を山と海に挟まれ東西に細長い土地に港町・商都・門前町として栄え、そして太平洋戦争末期に空襲を受けていないため、中世から現代までの建物・文化財が混在し、多くの魅力的な観光資源の間を細い路地と石段・石垣が張り巡らされ、特徴的な情景を醸し出している。大林宣彦は「根っからのスクラップアンドビルドの町」と表現している[113]。
坂のまち.mw-parser-output .thumbinner{display:flex;flex-direction:column}.mw-parser-output .trow{display:flex;flex-direction:row;clear:left;flex-wrap:wrap;width:100%;box-sizing:border-box}.mw-parser-output .tsingle{margin:1px;float:left}.mw-parser-output .theader{clear:both;font-weight:bold;text-align:center;align-self:center;background-color:transparent;width:100%}.mw-parser-output .thumbcaption{background-color:transparent}.mw-parser-output .text-align-left{text-align:left}.mw-parser-output .text-align-right{text-align:right}.mw-parser-output .text-align-center{text-align:center}@media all and (max-width:720px){.mw-parser-output .thumbinner{width:100%!important;box-sizing:border-box;max-width:none!important;align-items:center}.mw-parser-output .trow{justify-content:center}.mw-parser-output .tsingle{float:none!important;max-width:100%!important;box-sizing:border-box;align-items:center}.mw-parser-output .trow>.thumbcaption{text-align:center}}浄土寺参道。