1 - 40 件 / 185件
突然ですが、質問です! 以下の文章で、登場人物が実際に声に出して言っている部分と、心の中で思い浮かべている部分はどこでしょうか。 「みんなはね、ずいぶん走ったけれども遅れてしまったよ。ザネリもね、ずいぶん走ったけれども追いつかなかった」と言いました。 ジョバンニは、 (そうだ、ぼくたちはいま、いっしょにさそって出かけたのだ)とおもいながら、 「どこかで待っていようか」と言いました。 青空文庫 宮沢賢治『銀河鉄道の夜』 https://www.aozora.gr.jp/cards/000081/files/43737_19215.html 答えは簡単ですね。 「 」の中の言葉が声に出して言っている部分、( )の中の言葉が心の中で思い浮かべている部分です。 前後の文章からも読み取れると思いますが、括弧の使い分けがされていることで、より分かりやすくなっています。 このように括弧類は主に文章内で会
「フォントの関係性はそんなのだったの!?」リアルに9割の人が気づいていない「游ゴシック」の話 https://togetter.com/li/1662198 のブクマ https://b.hatena.ne.jp/entry/s/togetter.com/li/1662198 わかりづらいとかキョトーンな人が散見されたので、蛇足とは思うけど解説をこころみる。 正直なところ説明として元ツイがいちばんシンプルだと私は思うので、この解説は元ツイが言ってることを別の言い回しで回りくどく言い換えるだけになる。つまり逆にわかりにくいかもしれない。 なお私は発端のツイートのひとではない。善意のいちハテナーである。 さらに言えば私は組版の専門家でもない。仕事で多少フォントを扱う機会がある程度の素人+毛である。 太字には2種類あるまず、コンピューターの画面に映し出される「太字」には2種類ある。 ひとつは、最
岸田家の歴史を揺るがす大事件が起きた。 わが弟が、莫大なお金を稼いだのである。 大金とは、彼が三十年働いて手にするはずの金額だ。 それを数時間で。 田舎の片隅にある剥がれたフローリングの我が家から、絶世の富豪が爆誕した。血統書のない梅吉(犬)も、高貴なチャウチャウに見えてくる。 弟は生まれつきダウン症なので、障害のある人が集まる福祉作業所で、平日の朝から夕方まで働いており、日給は500円だけど昼食が450円なので、手取りは50円だということは、一旦、横に置いておく。 富豪が爆誕したのだ。 (※(注記)賃金は弟の障害の程度、作業所が受注できる業務の量、通っている人数などの兼ね合いがあり、弟も働くというよりは、みんなで喋ったり、散歩したりすることをなによりの目的にして通ってるので、ゆるく受け入れてくださる福祉作業所のみなさまにとても感謝しています) さて、その気になる稼ぎ方であるが。 手書きカレンダー
英語の文章に触れる機会が増えると目につくのが英語の括弧。「英語で括弧はなんと呼ぶんだろう?」「使い方は日本の括弧と違うのかな?」など、気になっている人も多いのではないでしょうか。実は、日本語で何気なく使っている括弧が英語では使われないなど、両者には違いが見られます。 こちらの記事では、英語での括弧の使い方を徹底解説!よく使われる4つの括弧をはじめ、コロンやセミコロンなどの記号についても紹介します。例文も掲載しているので、括弧がどのように使われるのかしっかりと理解できるでしょう。 English Labは、オンライン英会話「レアジョブ英会話」が運営。英語を「話せる」ようになるには、繰り返しアウトプットする機会が必要です。1レッスン142円のレアジョブ英会話で每日外国人講師と話してみませんか。レアジョブ英会話を見る 英語の括弧は大きく分けて4種類! 日本語と同様に、英語でも様々な括弧が使われま
漢字については、他にもいろいろ気になることがあったので、校了後に深掘りしてみました。 (ただわたしは専門家ではないので、用語の使いかたが違ってたり、年号を間違えていることもあると思います。あと、それは「字形」ではなく「字体」では、といったとこもあると思いますが、ここでは漢字のかたちはざっくり「字形」って呼んでます) 難しい字と簡単な字画数がやたらと多かったり、見慣れないかたちをしていたり、明治の文豪が使ってそうなのが旧字体、小学校で習ったような漢字が新字体、というのはなんとなくイメージできると思います。 で、生活の中でよく見かける漢字はだいたい新字体で、古い本や文献を読んだり、あえて好き好んで変換でもしないかぎり、旧字体を目にすることはそんなにないだろう、と多くのかたが考えているのではと思います。 (でもオタクは好き好んでそっちに変換するので、慣れ親しんでいるかたは多そうではあります...)
A static site to link people to when their code is displaying Japanese wrong. View the Project on GitHub heistak/your-code-displays-japanese-wrong Why am I here? If someone gave you a link to this page, that person probably thinks your code displays Japanese wrong. In short, from a native Japanese eye, yѳur ҭєxҭ lѳѳκs κιnd ѳf lικє ҭЋιs. This page will give you a brief description of the glyph appe
この記事では、2020年に公開された便利なWebオンラインツール・ベスト100個をまとめてご紹介します。 定期的にリストアップしている最新オンラインツールまとめ記事では、2020年にかけて合計306個の新しいツールやサービスが登場しました。 その中でも、特にWebデザイン制作に便利なツールを選りすぐったコレクションで、「無料で利用できるツール」を揃えています。 これらのツールやサービスを活用すれば、Webデザイン制作をより快適に進めることができるでしょう。 カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。 コンテンツ目次 1. CSSツール(14個) 2. パターンツール(7個) 3. イラスト系ツール(3個) 4. デザインツール(10個) 5. 配色カラーツール(6個) 6. グラデーションツール(3個) 7. SVGツール(8個) 8. スクリーンショ
sabrinas.spaceより。 8週間もかからなかったはずのプロジェクト 日本のウェブデザインはどう違うのか? 2013年のRandomwireのブログ投稿で、著者(David)は、日本のデザインの興味深い相違点を強調しました。日本人はミニマリストのライフスタイルで海外に知られていますが、ウェブサイトは奇妙なほどマキシマリストです。ページには様々な明るい色(3色デザイン原則を破っている)、小さな画像、そして多くのテキストが使われています。2022年11月に撮影されたこれらのスクリーンショットで、自分の目で確かめて下さい。 ブログ投稿には、文化的専門家、デザイナー仲間、そして不満を抱く市民によって支持されている、考えられる理由がいくつか挙げられていました。 この理論が今でも正しいのか、また、もっと定量的なアプローチが可能なのか気になったのでやってみました。 私が見つけたもの 各国の最も人
今回展開しているグラフィックは、基本的に「お店の看板店員・杉咲さんが皆さんに翠をおススメしている」ビジュアル。これまでの翠のグラフィックの財産である翠ブルーを背景にしつつ、すっきり、さわやかでおいしそうなビジュアルを目指したという。 浜辺氏がまずデザインしたのは、横長のポスターだ。 「ポスターの天地が低い中で、『このすっきり、人生かわっちゃうかも。』というキャッチフレーズをなるべく大きく、きれいに扱いたい。そこで最初の1行『このすっきり、』部分を天地いっぱいに組めるようにし、さらにそれ以降の部分をきれいに組みたい」(浜辺氏)と思い、一番収まりよくきれいに組むことができたのが 「このすっきり、 人生かわっち ゃうかも。」 という3行組みだった。 通常であれば、いささかイレギュラーとも思える文字組み。このコピーを書いた小山佳奈氏は、浜辺氏に改行を変える相談をしたという。浜辺氏はさまざまな改行ど
英文におけるエムダッシュ「—」と、エンダッシュ「–」と、ハイフン「-」の用法について、辞典の出版社であるMerriam-Websterがまとめました。 How to Use Em Dashes (—), En Dashes (–) , and Hyphens (-) | Merriam-Webster https://www.merriam-webster.com/grammar/em-dash-en-dash-how-to-use ◆だいやまーくエムダッシュ エムダッシュはカンマやコロン、あるいは括弧のように機能し、例や説明、補足事項などの区切りに使われます。 ・文の構造の突然の変化や中断を示すのに使われるケース Mabel the Cat was delighted with the assortment of pastries the new bakery featured, but Harry
海外旅行とピクニック、あとビールが好き。なで肩が過ぎるので、サラリーマンのくせに側頭部と肩で受話器をホールドするやつができない。 前の記事:働く大人のためのアドベントカレンダーをつくる > 個人サイト つるんとしている >ライターwiki 本当はアラビア文字と仲よくなりたいだけなんだ アラビア文字の使用者は、全世界で5億人以上。国連公用語の一つであるアラビア語、イランのペルシャ語、パキスタンのウルドゥー語など多言語で使用され、地理的にもアフリカ北部からユーラシア、 東南アジアまでを広くカバーするという国際性。これはもうインクルーシブでダイバーシファイドな社会を目指す成員として、「よく知らない」では済まされないだろう。 なんて大上段からカマしてみたものの、基本的にウソです。本当のところ、みんなが読めないアラビア文字が読めたらなんかカッコいいじゃないかと。そんな志の低い理由でこのたび、知識ゼロ
ビジネスに使えるデザインの話ビジネスにデザインの知識はけっこう使えます。苦手な人も多いから1つ知るだけでもその分アドバンテージになることもあります。noteは毎日午前7時に更新しています。 欧文のルール日本人は知らない欧文(主に英語)のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 「&」の正体正式にはアンパサンド(ampersand)と言います。日本では「アンドマーク」と呼ばれていることが多いこの記号。正しい名前は"ampersand"(アンパサンド)です。日本でも馴染みのある記号で、企業名などでもよく目にするのではないでしょうか。 情報通信・メディア系
1997年生まれ。大学院で教育学を勉強しつつ、チェーン店やテーマパーク、街の噂について書いてます。教育関係の記事についても書きたいと思っているが今まで書いてきた記事との接点が見つからなくて途方に暮れている。 前の記事:マクドナルドの看板には2種類ある > 個人サイト Note 店内に多く貼られたPOP。独特の主張の強さがある。この感じがドンキらしいのだ。 インタビューに伺った松本和史子さん。ドンキ練馬店の専属POPライターで、練馬店の開店当初からPOPを書き続けているプロフェッショナル。 さっそく話を聞いてみよう。 メモの字がドンキの文字だった 松本 今日の質問にお答えしたものをメモにしたんですけど 谷頭・林 おお! メモがドンキの文字だ! 谷頭 すでにメモの字がドンキの文字ですね、すごい! 松本 あ、それは全然意識していなかったです(笑) ドンキの文字って独特で、この文字を書くための研修
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば!」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の"美術タイトル"(略称は美タイ)は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する"報道タイトル"は報道部にあり、役割は全く違っていました。 フジテレビタイトルデザイナーのレジェンド紹介第二弾はあの国民的番組のタイトルデザインを担当した高柳義信さんです。 代表作は『笑っていいとも!』 高柳さんのデザインの特徴は、なんと言ってもわかりやすいデザイン。イラストやグラフィカルなシンボルを取り入れたデザイ
【2025年2月追記】 この度「ノンデザイナーのためのFigma入門」を出版しました🎉 本記事のような開発者向けの内容も含みつつ、FigJamやFigmaによるスライド資料作成など幅広いFigmaの利用法をご紹介しています。よろしければお手に取りください! エンジニアにデザインツールの知識・習熟は必要か? しなくても仕事はできると思うのですが、あるとよりクオリティの高い仕事ができることは間違いありません。 という訳でエンジニアがエンジニアとしての仕事をしていく上で「Figma のこういうことを知っておくと良さそう」という知識をまとめてみました。 ユースケースを考える まず始めにデザインは作らないはずのエンジニアが Figma を使う時にどんなユースケースがありそうかを考えてみます。 デザインを元に実装する時 デザインから何かを生成したい時(コードとか画像とか) 自分でちょこっとデザイン修
フォントワークスは、手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」「レゲエ」「ドットゴシック」など全8書体を、Google社の「GoogleFonts」にて提供を開始しました。 私たちは、「もじと もっと じゆうに」というタグラインを掲げ、文字の力を最大化し、すべての人の日常に新たな価値を生み出していきたい、と考えています。GoogleFontsが掲げる "Making the web more beautiful, fast, and open through great typography" にも共感し、一部書体ではありますが、GoogleFontsへ提供いたしました。制作環境に依存することなく、より多くの新しい作品が生み出されることへの貢献と、今後の更なるフォント市場の活性に繋がることを期待しています。 GoogleFontsは「SILオープンフォントライセ
欧文のルール日本人は知らない欧文(主に英語)のルールというものがあります。これは英語の授業でも教えてくれません。それゆえか翻訳者からの原稿にも、このルールに則っていないものがすごく多くあります。 知っておくと何かとアドバンテージになるので少しずつご紹介していきます。ご紹介した欧文のルールはこちらのマガジンにストックしていきます。 欧文で「〜」は使わない考えてみると「そりゃそうか」ってなるのがこの「〜」。日本だと 午前10時〜午後7時 というように使用します。便利でわかりやすい符号です。 「〜」は波形という日本の約物これは「波形」というつなぎ符号です。約物(やくもの)という記号の一種。波形の意味は、「...まで」。だから 東京〜大阪まで という表記は間違いです。「東京〜大阪」で「東京から大阪まで」という意味になるからです。波形は、この他に語句の省略や長音を強調するために使う音引き「ー」の代わりに
高橋将貴Masaki_TAKAHASHI @takahashi__ ブレードランナーのマニアの皆さんへ、日本語グラフィックのソース発見の報告です。1981年の雑誌「アイデア」に、カード類のすべての日本語と、あのネオン「お手持ちの烏口」「基礎の充実の上に」のオリジンを見ることができます!(画像はアイデアNo.164より引用) #ブレードランナー #BladeRunner pic.twitter.com/bFMDuwJmxs 2022年12月27日 14:03:32 高橋将貴Masaki_TAKAHASHI @takahashi__ 1,ID裏やカードキー裏の学校名など。 2,VIDPHONカード裏「接着剤製品営業部」。 3,キャッシュカード裏「ほかにも各種投映機がそ」。 4,上がカードキー表「タイプバン」、下はスケッチブックp95の「全国高校」「写真」ですね。 とうとう見つけられてうれしいです
FUNA @FUNA84 「機械彫刻用標準書体」って知ってますか?大好物なんですよ! JIS規格で定められたフォントで、レトロなアクリル看板の注意書きとかトロフィーの銘板に良くあるアレ。彫刻に特化した機能美が最高! で、そのフォントが無料でダウンロードできることを知ってずっと遊んでる。 font.kim pic.x.com/kf0ET7ofJO 2025年02月14日 11:55:03
みずの@ゆる言語学ラジオ @yuru_mizuno 日本語は非論理的」「英語は論理的」みたいな主張ってよく聞くけど、すごい角度からそれを否定する本を読んだ。 いわく、論理性とか合理性は、実は歴史教育と作文によって作られているらしい。 なので「論理的な思考」や「合理的な判断」は国ごとに違い、↓の4タイプがあるという。おどろきの観点だ。 2024年07月06日 16:01:22 みずの@ゆる言語学ラジオ @yuru_mizuno 例えばフランスの作文では、ある問いについて考える際、自分が考えた論点と同じくらいの分量で、それを否定する材料について書くそうだ。そして最後に、それらを統合してまとめると。 フランスにおいてはこうした型が「論理的な構成」とされ、社会でも浸透している。 2024年07月06日 16:01:23 みずの@ゆる言語学ラジオ @yuru_mizuno ......みたいな話が日本、アメリカ
小さくても超見やすい!イギリスの名門紙The Timesのために作られたフォント 1932年、イギリスの格式高い新聞社「The Times」のために特別に作られたフォントです。「読みやすさ」「インクの節約」「限られた紙面での効率的な文字配置」という3つの課題を解決するために生まれました。当時の新聞フォントと比べて、文字の高さを高めに設定し、セリフ(文字の端にある装飾)を適度な大きさに抑えることで、小さな文字でも読みやすい新聞印刷に最適化された実用的なデザインとして設計されています。 「上質」「信頼性」「知的」「正統性」「説得力」という印象を与えられます! 高級ホテルやブランド、名門大学など、世界中の一流の組織で使われ続けてきたことから、「上質」「信頼性」「知的」「正統性」という印象を与えられるフォントになりました。イギリスの名門紙The Timesのために開発された背景から、文字の端にある
ウェブデザインにおけるline-heightってけっこう曲者で、CSSを理解してデザインしないと「空き」の設計が破綻したりコーディングで苦労することになります。FigmaやAdobe XD、Affinity Designerなどのグラフィックアプリでline heightの扱いが異なるので、使うツールの挙動を理解するのも大切です。 ということで、今回はCSSのline-heightについてまとめてみます。 実は調べれば調べるほど奥が深いCSSのline-heightの世界ですが、まずは基礎からまとめていこうと思います。 目次 以下はページ内のセクションへのリンクです。 CSSのline-heightでは文字の上下にスペースができる ウェブで使われるハーフ・レディングとは 印刷とウェブにおけるレディングの違い デザインツールでのline heightの扱いの違い 上下のハーフ・レディングを帳
emyu: よく喋るバイオリン弾き。 @emyu_colorfulvn Violinist, Fiddler/エレキエレアコ/コード,アドリブok/宅録歴15年/囁揺的音楽集団AsMR,マチダ地蔵尊,ish!/業務委託先→A-Line Music/このアカウントはスタッフと共同管理しています/お仕事以外の本人へのメッセージはinfo@a-linemusic.com(事務所スタッフ)へ youtube.com/@emyuviolin?si... emyu: よく喋るバイオリン弾き。 @emyu_colorfulvn 拡散希望 読める方いらっしゃいませんか? 1945年8月15日 玉音放送を生で聞いた大正生まれの祖母が記した日記が遺品から見つかりました。 が、大事なことが書いてあるはずなのに昔の字なので読め苦戦しています。 寮生静粛、起立、初めて接する玉音、かん激、子々孫々まで...? #終戦の日 #
Innovative Tech: このコーナーでは、テクノロジーの最新研究を紹介するWebメディア「Seamless」を主宰する山下裕毅氏が執筆。新規性の高い科学論文を山下氏がピックアップし、解説する。 筑波大学落合研究室の研究チームが開発した「Goshuin 2.0: Construction of the World’s Largest Goshuin Dataset and Automatic Generation System of Goshuin with Neural Style Transfer」(御朱印2.0)は、テキストから御朱印を自動生成する学習ベースのシステムだ。訓練用のデータセットは、寺社1000カ所以上を訪問し取得した御朱印を基に大規模にデータ化した。 御朱印とは、日本の神社やお寺に参拝した証として集められるものだ。御朱印はおおむね、印章と寺社の名称や本尊/祭神の
橋本務@爆速LPデザイナー @tsuto_design 文字組みの凄さよ。文字の色が全部同じなのに、特にあしらいも入ってないのに、文字組みだけなのに...。 こんなにパッと見でも何が書いてるか頭に入ってくるのヤバくないですか?これって一見普通に見えて、めちゃくちゃ凄いことだと思う🤔 pic.twitter.com/3tHnkdhjMn 2023年09月05日 20:15:17
コンピュータ上の文字や記号で構成された絵や図のこと。AAとも略される。 『ASCII文字コードによるアート』を源流とし、掲示板文化の興盛と共に多くのアスキーアートが誕生した。 しかし、その姿はフォントや環境に依存するため、ハード・ソフトの多様化が進む現代では逆風。まともな状態を見られる場は限られ、衰退を余儀なくされている...... アスキーアートクイズと聞いて、今はたまたまオモコロというメディアに寄寓しているだけの電脳漂流者インターネット・ドリフターズが集結しました。 【回答者】 ヤスミノ:オモコロ編集部。かつて2ちゃんねるの独身男性板に入り浸っていた。 ダ・ヴィンチ・恐山:オモコロ編集部。ネットミーム元ネタカルタ優勝経験者。 ストーム叉焼:ライター。AAなりきりチャットに入り浸っていた日々を思い出し苛まれている。 夢顎んく:ライター。ブーン系小説執筆者。クソスレドンキーノにスレを3つほどまとめ
岩崎光明 プロフィール 1982年よりフジテレビタイトルデザイン室でタイトルデザイン、イラストなどの制作を担当。 代表作は「邦ちゃんのやまだかつてないテレビ」「ウッチャンナンチャンのやるならやらねば!」 「ダウンタウンのごっつええ感じ」「世にも奇妙な物語」など。 この連載では主にアナログ時代のタイトルデザインについてご紹介します。 題名の"美術タイトル"(略称は美タイ)は河田町フジテレビ時代の名称。美術タイトルは報道以外の全番組を担当していました。 報道番組の写植などを制作する"報道タイトル"は報道部にあり、役割は全く違っていました。 1 テロップ・フリップの種類と制作道具 テロップとは画面に表示される文字情報のことを言います。現在ほとんどのテロップ制作にはコンピューターを使ったテロップシステムが使われていますが、テレビ放送開始から'80年代までの約30年の間は手書きテロップが全盛でした。
電子メール、ネットワーク機器集中管理、異常検知、分散処理、クラウド基盤などのシステム開発に従事。古代Rubyist。 CLI や TUI なアプリケーションを使っていると、端末の画面が崩れてしまうことがよくあります。 たとえば、こんな TUI が、 環境によってはこんな感じで崩れます。 スクロールなどをしながらしばらく使っているとさらにどんどん崩れていきます。 こうなってしまった場合、とりあえず Ctrl-l で画面を再描画することで、大抵はなんとか読める程度にリセットできますので、ことあるごとに Ctrl-l を連打することになります。 ですが、どうしようもないケースもままあります。 例えば、私の場合は以下のようなシチュエーションで困ります。 w3m でテーブルなどを表示するとレンダリングが崩れる less でログの閲覧の際に表示されるべき文字が表示されず見落としが発生する Wander
Webサイトをレスポンシブ対応にする時、フォントサイズをさまざまなスクリーンに最適なサイズにします。スマホ用のfont-size、デスクトップ用のfont-sizeを定義するのも一つの方法ですが、font-sizeの最小値と最大値とその間の値を流動的にするclamp()を使用すると簡単に定義できます。 CSSでレスポンシブ対応のフォントサイズを超簡単に定義できるオンラインツールを紹介します。 最近のやり方としてはvw, calc()を使用したフォントサイズの定義などがありますが、clamp()を使用するとかなり簡単です。最小値と最大値を決め、その間の変化の度合いも変更でき、もちろん日本語フォントのfont-sizeでも大丈夫です。 Modern Fluid Typography Editor Modern Fluid Typography Editor -GitHub Modern Flu
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
柴崎祐二 @shibasakiyuji 評論家/音楽ディレクター 単著『ポップミュージックはリバイバルをくりかえす 「再文脈化」の音楽受容史』(イースト・プレス)他、編著『シティポップとは何か』(河出書房新社) 他、連載「その選曲が、映画をつくる」(NiEW)他 、ポッドキャスト「ゼーロンの背中」shibasaki1011@gmail.com 柴崎祐二 @shibasakiyuji 最近の「なんかいい感じの邦画」、こういう字体のタイトル表記多すぎじゃないですか? ここまで溢れかえっているのをみると、マーケティング対象たる「サブカル層」って、映画業界内でも完全にチョロい存在として考えられているのだろうなー、、、と。 pic.twitter.com/246YQJJ5wJ 2022年01月19日 21:11:50
デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日本語のタイポグラフィに特化された解説書で、ひらがな・カタカナ・漢字が扱われています。もちろん、数字や記号文字も使用されていますが、英語に関してはほぼありません。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く