鈴木たかのり（@takanory）です。今月の「Python Monthly Topics」では、Webブラウザ上でPythonが動作するPyScriptについて、内部構造なども含めて詳しく解説したいと思います。 PyScript公式サイト（https://pyscript.net/） Warning：PyScriptは現在非常に活発に開発が進んでいるプロダクトのため、将来的にこの記事のサンプルコードが動かなくなる可能性があります。記事執筆時点では最新バージョンであるPyScript 2023.03.1で動作確認しています。うまく動かない場合はPyScriptの公式ドキュメントなどを参照してみてください。 PyScript - PyScript documentation PyScriptとは？ PyScriptは公式サイトに「Run Python in Your HTML」と書いてあると
CLIツールをテストする難しさ ターミナルなどで動作するCLI（コマンドラインインタフェース）ツールは、パッケージを公開して利用してもらうライブラリと比べてテストがしにくいと感じる読者も多いでしょう。 CLIツールは、ファイル/標準入力からの入力や、ファイル/標準出力/標準エラー出力への出力があることが多いです。また、コマンドライン引数やオプション（フラグ）によって変わる挙動のパターンが多いため、網羅的なテストが大変です。 入出力についても単一のファイルを読み書きするだけではなく、ディレクトリごと作成したり、特定のディレクトリ以下を再帰的に読み込むような処理もよくあります。 main関数にすべての処理をすべて書くような作りのCLIツールだと、実際にビルドしてテストスクリプトなどから動かしてテストするしかありません。しかし、せっかくCLIツールをGoで書いているのであれば、テストもGoで書き
初恋の相手を失った震災－さよならという言葉
はてな匿名ダイアリーというものの存在自体は割と昔から知っていたが、 時たま読むことはあれど書き手としては縁がないものだと思っていた。 ふと急に、今日一日考え事をしていてどうしてもどこかに書いておきたくなった。誰かに話したいのかも知れない。 文章を書くことは苦手で、ここ特有のルール（そんなものがあるのかすら知らないけど）もわからないので、 色々と不備があるかも知れないけれど、おぼろげな記憶をたどりながら思いのままに書いてみようと思う。 30年前、私は子供だった。 近所に1つ下の幼馴染が住んでいて、その家には正月や盆など毎年数回ずつ兵庫から九州へ親戚が里帰りに来ていた。 母親とその子どもたち3人。長男（以下、A太）と妹2人（B子、C美）という構成だ。 シングルマザーだったのかな。幼かったのでそこの記憶がない。 A太は私よりいくつか年上で、B子は1つ下、C美はさらに2つ下だったと思う。 歳が近い
この記事について この記事は、スマートフォン時代のWebデザインスクール や Web制作の基礎から学べる「Webコーディングスクール」 の資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。普段はWebデザインやコーディング、メンターなどをしております。 完成したデザインをWebサイトとしてWebブラウザーに表示するためには、コーディングが必要になります。 コーディングを勉強中だったり、コーディング経験がまだあまり多くない方によくある悩みとして以下のようなものがあります。 どこから作業を進めていけばいいのか分からない同じようなスタイルを持ったclassが増えていってしまうスマホサイトのデザインが用意されていない時にどうすればいいのか分からない こ
やっぱり女の欲望ってやべえな
稼げない男性は子供を残せず次々と死んでいく…これから日本が直面する「非常に苦しい20年」に起きる事（プレジデントオンライン） - Yahoo!ニュース https://b.hatena.ne.jp/entry/s/news.yahoo.co.jp/articles/0b157b3049762df2ef5639139b3d11bc9f2cc804 takanagi1225 もう男性云々関係なくない？ 不妊治療を完全無料にして出産したら働かなくていいくらいのお金ポンと出して優遇すれば。 どうせ女しか産めないんだから女性をまず助けてからにしなよ。 2022/06/11 lady_joker 「女性が精子提供を受けて出産する風潮が当たり前になる」 「子育てに関わる負担を行政が限りなく取り除く」をすれば子供の数は増えると思う。 夫がいなくても子供が持てるとなると2人3人と欲しい人は多いと思う 202
この記事は FastDOCTOR After Advent Calendar 27日の記事です。 はじめに ファストドクター株式会社でテックリードをしている shirauix と申します。 弊社では、ある Next.js アプリケーションを別会社のパートナーさんに外注することによって初期開発を行いました。ある時点からこのシステムを内製化することになったのですが、それにあたって多くの課題を解決する必要がありました。 この記事では、外注と内製のそれぞれのメリット・デメリットや、内製に切り替える際にどんな苦労があったのかについての赤裸々な事例をご紹介します。 対象となる読者 外注で初期開発したシステムを内製に切り替えてメンテナンスしようとしているエンジニアの方 新しくシステムを開発したいが、外注と内製のどちらを選択すべきか悩んでいる方 外注と内製の違い 外注するか内製するかはあくまで手段の話であ
Clean Architectureなにもわからないけど実例を晒して人類に貢献したい - エムスリーテックブログ
こんにちは、エムスリーエンジニアリンググループの福林 (@fukubaya) です。 これまでは、中村の記事で宣言した 「医師版Stack Overflow」(12/16に正式名称Docpediaとしてリリースされました) の技術的チャレンジの 記事を続けて書いていたのですが、今回はここで宣言しなかったClean Architectureについて書きます。 浪江駅（なみええき）は、福島県双葉郡浪江町にある、東日本旅客鉄道（JR東日本）常磐線の駅。本文には特に関係ありません。 Clean Architecture 達人に学ぶソフトウェアの構造と設計 (アスキードワンゴ) 作者:Ｒｏｂｅｒｔ Ｃ．Ｍａｒｔｉｎ,角 征典,高木 正弘出版社/メーカー: ドワンゴ発売日: 2018/08/01メディア: Kindle版 なぜ書くのか 参考にできる実例を増やしたい Tech Blogはそのままドキュメ
sk @sskk304 90年〜120年前のものらしきタイプライターをヴァイオレット・エヴァーガーデンのコスプレをしたいがために手に入れて、ジャンク品と呼ばれ、文字も打てないだろう代物を義兄(自称：ただの餃子屋)に預けてみたら完璧に修復されて戻ってきたお話。 pic.twitter.com/PK3u8yWNUd 2020-07-15 12:34:38 sk @sskk304 ①shiftキーロックで常に大文字。 ②解除するときは左側のシフトキーを押す。 ③黒と赤の文字色を変えるキー。 ④左側上部の１.２.３のレバーで改行段数が選べる。 そのほか、インクの濃度を変えるキーも有り。 なんだこの子…すごい…。 pic.twitter.com/T2UsYQ8uWW 2020-07-15 14:11:30 リンク 『劇場版 ヴァイオレット・エヴァーガーデン』公式サイト 『劇場版 ヴァイオレット・エヴ
独身貴族になれなかった女より
はてな記法はわからんから例のエントリみたいな書き方はできないのは容赦してほしい。 まず私は結婚適齢期をアイドルアニメで棒に振った。 昨今のアイドルアニメは同じ映画に繰り返し通わせる作品が多くて、私は様々なイケメンアニメや2.5次元舞台や声優ライブに足繁く通った。 観劇は楽しく、25歳から35歳までの10年間で得たものは大量のグッズと共にイケメンを追う仲間だった。 そのコンテンツそのものに嫌悪は無いが、1つだけ問題があって 他人の指毛やすね毛がダメになってしまった。 2.5次元のキャラ達は鼻から下に毛がないんだ。 いよいよ婚期のタイムリミットという頃にコロナ禍が直撃したのもあるが、実際に会った時、指毛や腕毛の存在でおぞけ立ってしまって、私は結婚を断念した。 ここからが例の独身貴族との違いだけど、私は貯金が無い。 というか自分の周囲の人もみんな貯金は無い。 給与の問題もそうだけど週休3日じゃな
「本の翻訳がいつまでも魅力的な仕事であってほしい」
金原瑞人 (翻訳家) Fair Trade Interviews Vol.1 掲載日: 2023年5月31日 聞き手・文字起こし: 早川健治 ——出版翻訳を始めたきっかけを教えてください。 金原 大学4年生、就職試験に落ちたとき、知り合いの先生から「大学院に来ないか」というお誘いがありました。おかげで法政大学英文学科の大学院へ進みました。その先生が子ども向けの本の翻訳をされていて、月1回で翻訳の勉強会もやってらっしゃった。5人か6人くらいの集まりだったかな。それに参加しているうちに翻訳の道に入ったという感じです。子どもの本から始まり、ヤングアダルトから一般書へと翻訳のジャンルが広がっていきました。もうひとつは、34歳で法政大学の教員になって、それからは二足のわらじで現在に至ります。『翻訳家じゃなくてカレー屋になるはずだった』というエッセイ集に詳しく書いてます。 ——それは出版翻訳の道へ足を
はじめに この記事は、本番環境などでやらかしちゃった人 Advent Calendar 2023の11日目です。 どうも、@_tinojiと申します。実に4年ぶりにアドベントカレンダーに参加しました。 正規表現で1文字消し忘れて、なんぴとたりともサービスにログインできない状態にしてしまったという話をします。正規表現にはまじで気をつけましょうという教訓になれば・・・ 犠牲となったログイン画面 とあるtoBなWebサービスを開発していたときの話です。法人のユーザーが使う管理画面的なイメージです。 当然ログイン機能があって、至って普通なログインなのですが1つだけ特徴がありまして、ログイン画面のURLをアカウントごとに変えています。https://example.com/<uuid>/loginみたいな感じですね。 あまり見ない形式ではありつつも、個別のUUIDを特定されない限りログイン画面に対し
この記事はRust Advent Calendar 2021の12/24日の記事です。 仕事ではScalaを使っていますが、趣味のプログラミングではRustで書いたものが増えました。Rustは楽しいですね。 今回は、Rustでオブジェクト指向プログラミングに関数型デザインを導入することで、スケーラブルなプログラムを書く方法(スケーラブル・プログラミング)について書きます。 「スケーラブル・プログラミング」といえばScalaです。Scalaの「スケーラブル」という言葉には「小さいプログラムも大規模なプログラムも同じ概念で記述できるべきである」という、柔軟性や拡張性を重視した設計の意図が込められています。それを実現するために必要なものは、オブジェクト指向と関数型を組み合わせたマルチパラダイムな設計です。 Scalaはマルチパラダイム言語の先駆者(今も先頭を走り続けています)ですが、他の言語にも
GitLab的ドキュメント文化を組織にインストールする（実践編:スタートアップMNTSQの事例）｜Anno Takahiro
会社組織にドキュメント文化をインストールすることの有用性や、GitLabのような企業がどのようにドキュメントを運用しているかを、前回記事で書いた（スケールする組織を支えるドキュメンテーションの技術を”GitLab Handbook”から学ぶ）。今回は、私のいるスタートアップのMNTSQ（モンテスキュー、と読みます）でどのようにそれを実践しているか、実際のところどのような成果が出ているのかについて書いてみたい。 MNTSQでは、当初からドキュメンテーションの重要性を経営メンバー全員で認識しており、社内ドキュメントをGitHub管理でメンテナンスしながら作り上げていくようにしていた。この大枠の仕組みの設計部分は弊社のデザイナーの生谷(@ikutani41)が初期に考案/メンテしたものである。デザイナー視点からこのような仕組みが設計され稼働されることは珍しいと思う。この辺については本人からもどう
Intro Chromium にコントリビュートするためには、ソースコードを理解する以外にも、もろもろ必要な周辺知識がある。 ドキュメントはかなり整備されている方ではあるが、そのドキュメントにたどり着くのが難しい場合もある。 レビュアーなどが親切に教えてくれるものをローカルにメモしているが、それも散らばってきたため、ここにまとめることにする。 まずは初期状態で公開するが、どんどん更新していき、長くなっても分割しないで追記を繰り返そうと考えている。 関連サイト 始めて取り組もうとすると、まずどこを見ればわからないところから始まる。 似たようないくつかのサイトがあり、使い分けがされているからだ。 code search https://source.chromium.org/chromium/chromium/src コードをインタラクティブに検索するためのサイト Workspace 風の U
1. vscode-icons アイコンがついて見やすくなる。 2. GitLens とにかく強い。 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など色々してくれる。 git blameする手間なくなる。 3. Prettier コードのフォーマットは自動でやりましょう！ 複数人のこだわりをうんたらするよりも、Prettierに委ねるのが楽。 関連のTipsはここ 4. Git History Git logが見やすい 5. Bracket Pair Colorizer カッコの対応を色付きで表示してくれる。 ものすごく読みやすくなって最高&最高！！ なおBeta版ですが、後継となるBracket Pair Colorizer 2も出ています。 6. Settings Sync どこでも同じ設定で使いたい人には便利。 ⇧ + ⌥ + U/D で設定をアップロ
dappiの件、詳しい人教えて/追記
追記) ①buzzfeeedも有田もdappi＝ワンズクエストだと思っている。 ②小西議員が漏らしたのでないとすれば何故記者達がその情報を持っているのかは謎 ③裁判で不利になったり侮辱罪に当たるかもしれないので具体的な社名を書いたり特定可能な情報を流すのは本来は良くない(これもアウトか？) ④階数間違いは単純に見間違えてる。 てなとこでしょうか (スマホからアクセスしてるから改行とか変かも) 追記終わり） ざっくり言えば聞きたいことは１つdappiの法人名ってなんなん？ 後は誰も大っぴらにその法人名を明かさないのって何か理由あるの？って事です。 俺が読んだ記事とかツイートは以下の 1 小西ひろゆき議員のツイートhttps://twitter.com/konishihiroyuki/status/1445685875380133889 TwitterアカウントDappi（@dappi2019
文学部哀れ書いた人です。
はじめに 想像以上に燃えてた(笑) https://anond.hatelabo.jp/20230609153447 追記しても文字数切れちゃうので新しく書きました。 残りの学生生活を楽しみながら有意義に過ごし、皆様のように自立して生きていけるような社会人になれるよう頑張ります。 文学部サイコ〜！ 文学部に行けば未来が明るい！！！！！！！！ 文学部でよかった！ 文学部だけどラッキーなことに納得就活できました！ 文学部の授業面白い！ 文学部行きたいと思って入ったよ〜！ 文学部も検討してみてね！！！！！！！！！！ 文学部は元ネタ歴史神話の推しのバックボーンわかるよ〜！ 文学部より理系の方が理路整然文章書けるよ〜！ 文学部なのにオモコロみたいな文章書けなくてごめん！ 文学部で勉強して一般企業入ろうと大学入ったよ！ おもんない、つまんないってブクマ？でコメントするのなんで？笑 最終的に自分の意思や
マルチライナー記法とは？ マルチライナー記法とは、その名の通りシェル芸をワンライナーではなくマルチライナー（複数行）で書くことです。長すぎる行をワンライナーで書くと以下のように横スクロールが必要になって非常に読みにくくなります。（コードは Convert long single line command to a bash shell script より借用。長いコードとして利用しているだけで中身に意味はありません）。マルチライナー記法はこのようなワンライナーを読みやすく書くことです。 nice --20 iperf3 -c somelocation.com -f k | while IFS= read -r line; do echo "$(date) $line"; done | tee onespeed.txt | tee -a speeds.txt; sleep 30 ;cat o
【サイン入り本プレゼント】あさのますみさん『逝ってしまった君へ』インタビュー「まとまらない気持ちだからこそ、文章にした」 - 週刊はてなブログ
※キャンペーンは終了しました。たくさんのご応募、ありがとうございました。 2020年3月、Web上で自らの意思で死を選んだ友人について綴ったエッセイを公開した声優・作家の浅野真澄/あさのますみ（id:masumi_asano）さん。このほど、その内容を大幅に加筆しまとめた長編エッセイ『逝ってしまった君へ』（小学館）が6月30日に発売されました。 「大切な人の自死」を経て「残された人々の想い」を綴った同作。書籍化にあたり、改めて自身の感情に向き合ったというあさのさんにお話を伺いました。 ※記事末に書籍プレゼントキャンペーン情報があります！ ※取材は新型コロナウイルス感染対策を講じた上で実施しました 「君」への手紙なら素直になれる ――本作では大切な人を突然失った出来事を経た「遺された」側の想いを、故人である「君」への手紙という形で綴られています。この形式をとられたのには、どのような意図があっ
のんびりしていたらこんなメンションをもらっていたので、ちょっとまとめてみようと思います。 そろそろ @tk0miya さんがアップしてくる頃。GFMはspecかっちりしてるんでしたっけ(markdown全く詳しくない — Aki Ariga (@chezou) February 1, 2020 かっちりしている? この記事を読んでいる皆さんは Markdown の歴史に精通していると思うので、古い部分はざっくり割愛してしまいますが、オリジナルの Markdown は かっちりしていない ことで有名なマークアップ言語です。 必要最低限のマークアップ要素は規定されていて HTML への変換ツールも完成していた Markdown ですが、マークアップ言語の言語仕様としては貧弱で、インデントのルールやインライン要素をネストしたときの挙動、空行の有無による解釈の違い、などなど、細かい部分のルールにつ
Dev Containerを使ってステップバイステップで作るPythonアプリケーション開発環境 - 電通総研 テックブログ
みなさんこんにちは、電通国際情報サービス（ISID）Xイノベーション本部ソフトウェアデザインセンターの佐藤太一です。 この記事では、VS CodeのDev Containerを使ってOSに依存しないPythonの開発環境を構築する方法をステップバイステップで丁寧に説明します。 VS Codeの利用経験があり、またPythonによるアプリケーション開発に興味のある方を想定読者として記述しています。Pythonの初心者から中級者向けを意識して書いていますので、意図して冗長な説明をしています。 すでにPythonによるアプリケーション開発に十分に詳しい方は、まずはまとめだけ読んでみてください。私自身それほどPythonのエコシステムに詳しいわけではありませんので、知識の抜け漏れは恐らくあるでしょう。そういった事に気が付いたら、XなどのSNSでこの記事のURLを付けてコメントをしていただけると幸い
OpenAI API ドキュメントの日本語訳をこちらでまとめます。文字量の多いドキュメントなので、セクションごとに記事を分割しています。 今回は「GET STARTED 」のセクションからLibraries 、Models、TutorialsそしてUsage policiesを抜粋した後編です。 基本 DeepLで翻訳して、気になるところだけ書き換えています(ほぼ気になるところがないのが、DeepLのすごいところ)。原文との突き合わせができるようにはじめに原文を入れてますので、間違いなど見つけられましたら、ぜひご指摘ください。ご指摘箇所は随時反映させていただきます。 原文のリンクが有効になってますので、それぞれ必要な場合は原文リンクの方を参照ください。 前回のおさらいはこちら Python library｜Python ライブラリWe provide a Python library, w
日本語におけるtext-wrapプロパティの運用
CSSのtext-wrapプロパティを使うと、テキストの行の折り返し方法を変更できる。text-wrap: balanceを適用すると、適用しない場合と比べて次のように変化する。 CSS text-wrap: balance | CSS and UI | Chrome for Developers text-wrap: balanceが適用された下の例では、すべての行の長さが均等になるように制御されている。 しかし正確に言えば、すべての行の長さが必ずしもまったく同じになるわけではない。文字の適切な折り返し位置を考慮した上で、おおよそ同じくらいの長さになるように分配される、というのが正しい。その際、一つの英単語の途中で行が分割されるようなことは通常起こらない。これは、英語では単語の区切りに空白文字を挟んで記述されるが（わかち書き）、それが改行位置を決めるためのヒントとなるからである。
「ゴジラS.P＜シンギュラポイント＞」シリーズ構成・円城塔インタビュー、ゴジラ初の13話構成をいかに作っていったのか？
人気怪獣「ゴジラ」の完全新作TVアニメ「ゴジラS.P＜シンギュラポイント＞」が、2021年3月からNetflixで配信開始、2021年4月から放送開始となりました。「ゴジラ」シリーズはこれまでおおむね2時間の映画として制作されてきており、1話30分×13話というTVアニメの形態で放送されるのは長いシリーズの歴史の中で初めてのこと。この課題にどう挑み、いかに作品を作っていったのか、芥川賞作家であり本作のシリーズ構成・脚本を手がける円城塔さんに、詳しい話を聞いてきました。 なお、第3話あたりまでの内容をやや含む発言が出てきます。 完全新作TVアニメシリーズ「ゴジラ シンギュラポイント Godzilla Singular Point」公式サイト https://godzilla-sp.jp/ GIGAZINE(以下、G)： 円城さんのところにはいろいろな仕事の依頼があるのではないかと思います。そ
こんにちは、 デザインの仕事でご飯を食べている人です。 皆さんはシャニソン、楽しんでいますか？ 私は楽しんでいます。 ドレスアップルーム最高！！！！！！！ 前回に引き続きシャニソンのデザインについて 語っていこうと思います。 （5月18日 追記） ※前編に書きました通り、筆者は漫画や映像のデザインの仕事をしている為UIデザインは未経験です。また、衣装チケットの内容を全面に押し出すのは法律の都合上難しい可能性が高いと複数のご指摘を頂いております。そちらをご了承の上ご覧ください Pガシャ画面の話今回はこの画面について考察します。 画面内に入れる要素が増えて、前回考察した サポガシャよりもレイアウトの難易度が 上がりました。 デザインの前にこのガシャの目玉であるおまけ衣装を画面に入れていない点が猛烈に気になります。 全員がXの情報を追っているわけではないので 絶対にガシャ画面に入れたほうが良いと
このブログは開設して1年3ヶ月なので、1年10ヶ月ぶりのこの作品の新刊単行本の話をするのは初めてになります。 なのであらためて、古参ファンの皆さんにとっては少々言わずもがなの話をします。でもお前らどうせこういう話好きでしょ。 さっさと内容の感想を読みたい人は、連載時の感想記事へのリンクを記事の末尾に付けますのでスクロールとかしてください。 「ファイブスター物語」について 「ファイブスター物語」前史 「ファイブスター物語」とアニメ化 「ファイブスター物語」のこれから 15巻について 15巻収録話の連載時の感想記事リンク 口絵・巻末の設定画 連載時との差分 「ファイブスター物語」について 「ファイブスター物語」は永野護による漫画作品。アニメ雑誌「ニュータイプ」に1986年から連載されています。ジャンル的には巨大ロボットやジェダイの騎士のような超人がかっこよく戦ったりするSFバトル要素が強め。ジ
\と¥の問題 - 立命館大学情報理工学部セキュリティ・ネットワークコース プログラミング言語サポートページ
バックスラッシュ\を入力する時に円記号¥に文字化けが起きる理由 プログラムのソースプログラムは(LaTeXのソースファイルやWebページのHTMLファイル等と同様に)テキストファイル(教科書ではテキスト形式と呼ばれています。プレーンテキスト(plain text)とも呼ばれることがあります)というファイル形式で書かれます。このテキストファイルはどのようなOSでも必ずサポートされている最も基本的なファイル形式であり、実体は1バイトを単位として文字コードで表現されたデータが先頭から順に並んでいるだけのファイルです。 その文字コードは歴史的にはさまざまなものがありましたが、次第にアメリカで定められたASCIIコードが主流になり、世界中で使われるようになりました。これが国際的な規格になったものがISO/IEC 646です。これらは7ビットの文字コードなので2の7乗つまり128種類の文字が表現でき、
はてな匿名ダイアリーのローカルルール・小ネタ
・再投稿は甘え（諸説あり） ・自分の増田にセルフブックマークするのは卑怯（諸説あり） ・ブクマカのidやブコメを晒すと、ブクマカ本人の申し出があると削除される ・＆を半角で書くと文字化けする ・＜＞も半角で書くと文字化けする ・1回改行するには、3回改行する必要がある ・「言及する」ことをトラバと呼ぶ（昔の名残） ・増田番付に載ってる増田を把握しておく方がいい（字下げ、下方婚増田など） ・匿名だからといって犯罪になるような投稿はしてはいけない ・ただエロネタは割と許されている ・日記に言及すると、下に投稿がツリー状になって追加される ・自分の日記は検索窓から検索できる（パソコンのみ？） ・通常の増田検索機能は重すぎて使えない ・下線がついている言葉を押すとキーワード検索できる 他にもあるけどひとまずここまで
インフラエンジニアの中野(etsxxx)です。今回はWebのフロントの話です。稚拙な部分はご容赦を。 はじめに 前提知識 解決案の候補 解決案1: 手でspanタグをつける 解決案2: サーバーサイドの処理 解決案3: クライアントサイドの処理 クライアントサイドで文節区切り 実装 結果と考察 さいごに はじめに 2020年12月、リブセンスにQ by Livesenseという広報ブログが誕生しました。このブログは明朝体と縦書きと長文にアイデンティティがあります。 Q by Livesenseはこういう見た目のブログです。 Q by Livesenseは縦書きということで、漢数字を使っていたり、写真やイラストを使わずに純粋な文体で記事を書いていたりと、書籍のような日本語らしさが求められるデザインとなっています。 縦書きはWebエンジニアにとっても珍しい実装ですが、読者にとっても慣れないUI
テキストが複数行のときに、行ごとの文字数を同じにしてバランスを自動調整するCSSの新機能「text-wrap: balance;」が、Chromeでサポートされました。 日本語だと複数行の文字数を同じにしたいということは少ないと思いますが、見出しやコピーなどで文字数を揃えたいときに使えます。まぁ使ってもかなりピンポイントになるでしょう。 text-wrap: balance;の基礎知識と使い方、注意点を紹介します。 CSS text-wrap: balance by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 text-wrap: balance;とは テキストのバランスを見つける 制限事項 ブラウザが使用している技術の簡単な説明 text-wrap: bala
【例文あり】「頼むの苦手」を克服！ 依頼メールの書き方・件名・締めの言葉のコツ - ミーツキャリアbyマイナビ転職
メールのやりとりは社会人である以上避けては通れないもの。手軽なチャット機能やメッセージアプリのテキストコミュニケーションが普及しても、ビジネスではメールがまだ重要な役割を果たしています。 しかし、ビジネスメールの書き方、特にメールで初めてお願いごとをする依頼メールに苦手意識を持つ人は少なくありません。また、仕事ができる人やコミュニケーション上手と言われる人は、ビジネスメールの文面にも表れます。この記事では、ビジネス依頼メールの書き方や件名、締め文の留意点、相手をイラっとさせないポイントなどを解説します。 初めてのビジネス依頼メールの書き方。件名、締めの言葉などコツ8つ ビジネス依頼メールの書き方【1】件名で要旨が分かるように ビジネス依頼メールの書き方【2】宛名は変換ミスに注意！ ビジネス依頼メールの書き方【3】挨拶文は署名とともに社内・社外のテンプレ登録して時短 ビジネス依頼メールの書き
2019年の7月頃。 東京工業大学の学生さんから、こんなメールをいただきました。 「うちの学生は機能と価格のみに価値を置きがちです。でも、御社が作り出す製品の価値は、それだけじゃない気がするんです。それは何なのか。それはどうすれば作り出せるのか。その点を東京工業大学でお話いただけませんか？」せっかくの機会なので、僕たちアイドントノウと、僕たちがいつもお世話になっているお店アシストオンさんとで 価値についてお話させて頂くことにしました。 題して デザインなんて知らない。 〜僕らの考えるモノの価値〜 今回は、3部構成だったこのトークイベントのうちの第１部でお話した内容を、当日使用した資料を使ってお伝えします。 ３部全てを見たい方は、こちらのライブ配信の録画ムービーをご覧ください。 こんにちは。アイドントノウです。 まずは、今回のトークイベントの趣旨について確認しますね。 そもそもは、このイベン
技術部の笹田（ko1）と遠藤（mame）です。クックパッドで Ruby (MRI: Matz Ruby Implementation、いわゆる ruby コマンド) の開発をしています。お金をもらって Ruby を開発しているのでプロの Ruby コミッタです。 本日 12/25 に、ついに Ruby 3.1.0 がリリースされました（Ruby 3.1.0 リリース ）。今年も Ruby 3.1 の NEWS.md ファイルの解説をします。NEWS ファイルとは何か、は以前の記事を見てください。 プロと読み解く Ruby 2.6 NEWS ファイル - クックパッド開発者ブログ プロと読み解くRuby 2.7 NEWS - クックパッド開発者ブログ プロと読み解くRuby 3.0 NEWS - クックパッド開発者ブログ 本記事は新機能を解説することもさることながら、変更が入った背景や苦労な
デフォルトでも便利な機能が多数用意されており且つ定期的にアップデートも行われているAdobe XDですが、プラグインを利用することでより効率よくデザイン制作を進めることができます。 そこで、今回は便利なプラグインが数多く公開されている中でも個人的に特におすすめなプラグインを紹介します。 エントリー内では基本的にMacで使用した場合の見栄え・メニュー・ショートカットで紹介していますが、Winでもそこまで大きな違いはないので適宜置き換えてください。 プラグイン紹介時のキャプチャや挙動については、このエントリー公開時点のものになります。 プラグインのインストール・アンインストール・実行について インストール プラグインのインストールは、公式のものであればアプリから簡単にインストールができます。 イメージ内①のようにサイドにあるプラグインアイコンをクリック後に表示されるメニューの右上にあるプラスア
前置き2022.7.24 一般公開シンポジウム 「フェミ科研と学問の自由」 https://www.youtube.com/watch?v=FP8rL7KfisI より、清水晶子氏発言部の文字起こしである。 長いため講演部Part1~Part5+質疑応答の6部に分割する。 分割の境界はスライドにある番号に従うが、副題は増田の判断である。 スライドはすべて図表のない文字ベースのものであったため、引用記法を用いて本文に組み込んだ。 講演部については、「女性スペースを守る会」が公開している文字起こしをベースに、 増田が誤字の修正や、句読点の変更、改行の追加などの編集を行った。 質疑応答部、スライド部の文字起こしはすべて増田が行った。 批判記事の紹介まず、江口聡先生による、8/9のブログ記事は必読だと考える。 「清水晶子先生の「学問の自由とキャンセルカルチャー」講演」（https://yonosu
Webページを実装する際、注意すべき点の一つは表示されるスクリーンサイズです。スマホとタブレット、そしてデスクトップの3種類を想定している人も多いと思いますが、現在ではさまざまなサイズのスクリーンが存在しています。 スクリーンサイズが中途半端な「中間のデザイン」で、デザインの見栄えが悪くなったり、崩れたりしないようにするための実装方法を紹介します。横一行配置のアイコンが改行してしまう、画像が横長になってしまう、フォームの入力欄がやたら広くなる、など一般的なデザインで見かけると思います。 Thinking About The In-between Design Cases by Ahmad Shadeed 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 レスポンシブにおける中間のデザイン 中間のデザインとは 中間のデザインに備えて
PHPアプリ開発をPhpStormでスムーズに始められるよう、設定ファイルとドキュメントを用意する - BASEプロダクトチームブログ
BASE株式会社 Product Dev Division ソフトウェアエンジニアの田中(@tenkoma)です。主にPHPアプリ開発を担当しています。 BASEでは、PHPアプリ開発で使うエディタに制限はありませんが、希望する人はPhpStormを使えます。 PhpStormは設定を全くしなくてもかなり快適に使えると思いますが、多少設定するとより快適になります。 この記事では主に、開発環境とIDEを連携させアプリケーション開発をスムーズに始めるため、以下の設定について紹介します。 Xdebugと連携してリモートデバッグを可能にする PHPUnitと連携してテストをIDEから実行可能にする PHP_CodeSnifferを使ってコーディングスタイルを適用する EditorConfigを追加してコーディングスタイルを開発者で共有可能にする Xdebugと連携してリモートデバッグを可能にする
最近はMBSDでWebアプリケーションスキャナの開発をしている寺田です。 Webアプリケーションを開発していると、セキュリティの観点でURLをチェックしなければならないことがしばしばあります。本日の記事では、そのようなURLのチェックを如何に行うか、正規表現を使う場合の注意点や、バイパス方法などについて書きたいと思います。 本記事で想定するのは、ブラウザからパラメータとして来るURLをチェックしてリダイレクトやリンクのURL等として使ったり、ブラウザから来たOriginヘッダ等のURLをチェックしてアクセス制御をするケースです。その中でも、以下のようにサブドメイン部分（★の部分）を可変にする状況を主に想定します。 https://★.example.jp/… よく使われてそうなチェック用の正規表現と、そのバイパスは以下のとおりです。 正規表現: ^https://.+\.example\.
皆様、お久しぶりです。 少年ジャンプ＋の林士平です。 本ブログは、プロの漫画家を目指す方々に役立つであろう記事を編集部員で持ち回りで、書いております。 僕がこのブログで、過去に書いた記事は以下の2本です。 ↓ ◯【第41回】漫画編集者が伝える、新人作家への最初の課題 ◯【第48回】漫画家と担当編集者の出会いの全7パターン詳細説明と、良い点・悪い点 新人作家さんに一番最初に伝える課題と、担当になるきっかけ・出会い方を書きました。 出会って打合せを始めますと、必ずやること、言うことは特にないです。 各作家によって、何を伸ばすべきか、どういう考え方を持つべきか、は違います。 描きたいもの、描けるもの等、作家さんと担当編集で、コミュニケーションをしながら、人によって伝えること、アドバイス、考えてもらう題材等は、変えています。 なので、自分へのアドバイスが欲しい方は、まずご自身が描かれた最新作の持ち
未経験からコーダーとして仕事をし始めて2年が経過しました。 最初の頃はとにかくスピードややりやすさ、デザインの再現などを重視し、保守性は特に考えていませんでしたが、ページが多くなってきたり自分以外の人と一緒にコーディングする機会が増えるにつれ、当初とはまるで違う意識で書くようになった気がします。 自分のコーディング手法もまだまだ発展途上だとは思いますが、自分なりに保守しやすいであろうコーディング手法が確立されつつあるので、コーディングルールも兼ねて記事に残しておこうと思いました。 デザインが再現できればOKというコーディングから一歩進んだコーディングを目指す方の参考になれたら嬉しいです。 この記事の前提 コーディングに付随するいろんな用語が出てくるかと思いますが、詳しくは説明していません...。なので、今コーディングを勉強中であったり仕事でコーディングしたことない人にとっては、理解しづらい
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebブラウザでPythonが動作する！PyScriptの詳解 | gihyo.jp
Goで書くテスタブルなCLIツールの作り方 | gihyo.jp
Webサイトのコーディングで困る前に知っておきたい3つのポイント
外注で初期開発したシステムを内製化するためにやったこと
コスプレ用に購入した100年ほど前のジャンク品タイプライター、餃子屋の義兄に預けたら完璧に修理されて戻ってきた
正規表現ミスって一晩誰もサービスにログインできなくしてしまった話 - Qiita
Rustを使ってスケーラブルなプログラムを書く方法 - かとじゅんの技術日誌
Chromium にコントリビュートするための周辺知識 | blog.jxck.io
VSCodeのオススメ拡張機能 24選 (とTipsを少し)
シェル芸の可読性を向上させるマルチライナー記法のススメ - Qiita
GitHub Flavored Markdown は何であって何でないか - Qiita
OpenAI API ドキュメント 日本語訳｜#2 GET STARTED 後編｜ゑぐみかるちゃあ
シャニソンが抱える問題をデザイナーの視点で考察する①ガシャ画面編【後編】｜noteさん
#ファイブスター物語 15巻 評論(ネタバレ注意) #fss_jp - #AQM
日本語の折り返しをJavaScriptで制御する - LIVESENSE ENGINEER BLOG
CSSの新機能！ テキストの行のバランスを自動調整する「text-wrap: balance;」の基礎知識と使い方
デザインなんて知らない〜僕らの考えるモノの価値〜｜あおき量産
プロと読み解く Ruby 3.1 NEWS - クックパッド開発者ブログ
デザイン制作が捗る、個人的におすすめなAdobe XDの便利プラグイン 20 - NxWorld
清水晶子（東京大学）「学問の自由とキャンセル・カルチャー」Part1 〜学問の自由とその濫用〜
レスポンシブWebデザインで、スクリーンサイズが中途半端なときにデザインが崩れないようにするための実装方法
正規表現でのURLのチェックとバイパス | 技術者ブログ | 三井物産セキュアディレクション株式会社
【第66回】担当作家 藤本タツキ先生Q&A！ - 運営からのお知らせ - ジャンプルーキー！
【暫定】コーダー歴3年で辿り着いた保守しやすいコーディング手法