Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに プログラマのみなさんはコードを書くときによく英語を使うと思います。 だけど、英語って難しいですよね。 僕自身もそうですが、クラスの名前やメソッドの名前、テーブルのカラムの名前を考えたりするときは「これ、英語でなんて言うんだろう？？」と頭を抱えることが多いはずです。 他にも、トラブルが発生したときにWebサービスのサポートに英語でメールを書いたりする場合もあります。 そんなとき、安易に頼ってしまいがちなのが、オンラインの和英辞典や自動翻訳の類いです。 ですが、和英辞典や自動翻訳だけが適切な英語を探す唯一の方法ではありません。 む

Octoparseとは Octoparseは、どんなWEBサイト上のデータも手軽に抽出することができる無料スクレイピングツールです。 無料版だと、一部機能に制限がありますが、ヘビーユーズでもしない限りは、十分すぎるくらいの機能があります。無料版と有料版の違いについては、Pricingを参照してみてください。有料版だと、タスクの登録数や自動実行数が多くなり、クラウド上で動作させることもできます。 実際に使ってみた感じでは、視覚的に分かりやすくデータ抽出箇所を設定することができ、実行することができるツールになっています。 例えば以下のようなデータ抽出なら簡単にできてしまいます。 単一ページ上のデータを抽出するページネーションを移動しながらリストデータを取得するリストのリンク先もたどって取得するURLを複数指定して全てのページから指定したデータを取得するOctoparseは、上記のように様々なス

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? リキッドレイアウトのように幅が常に変動するレイアウトのデザインは、動かないカンプからは実際の挙動が読み取れず、デザイナーの意図が汲み取りきれないことが多い。また、複雑化するアニメーションの実装においても、カンプだけではコミュニケーションに不備が生まれてしまう。ほかにも、CMSを使った案件ではデザインカンプと実際のデータの間に齟齬がある可能性もある。 実装効率を高めてスケジュール通りに仕事を終わらせるには、とにかく事前に仕様を固めることが大事だ。ワイヤーフレームやデザインの途中の段階からなるべくデザイナーとコミュニケーションを重ね、想定外

ご査収ください (2022年12月8日 追記) フローチャートを書き直しました。内容自体は当時のものと同じです。 補足 パフォーマンスの出し方は人それぞれなので「私はこんな感じです」というものです。 とりあえず「なんかやばいな?」と思ったら休む 体調的にはもちろん、「これ結構やばそうだな?」という勘所は大事 15分以上(長くても30分)悩んだら周りに聞いてみる こういう時はだいたい 視野が狭くなっている(簡単なスペルミスだったり) 暗黙知に触れている(業務だとよくある) とてつもない難問にぶちあたっている といったケースなので、仲間にSOSを出した方がチーム全体の進捗も結果的に良くなる、という経験談です。 ちなみに15分の根拠はなんとなくです。 ちなみに、問題に取り組み始めるその瞬間から「15分やってわからなかったら誰かに聞こう」としている場合は、 フローチャートの「30分動いてなかったら

Webディレクターは、事業のKPI達成を目的に、サイトの企画、開発、制作、マーケティングなどの専門部署・社外の間に立って、業務を監督していきます。 今回は、私がこれまでWebディレクションに携わってきて感じた、Webディレクターが一歩突き抜けていくために身につけたいスキルについて解説していきます。 おすすめ無料で使える！Webマーケティングツール＆サービス【厳選39選】 ※Webディレクターと一口に言っても、 受託か、自社か？ 営業系か、コンサル系か、開発系か、制作系か、マーケティング系か？ などで、求められるスキルとその度合いも区々です。 今回は、自社サイト（サービス）を総合的にディレクションする場合を主としています。 Webディレクターの役割 自社サービスのWebディレクターにあたる人は、Webプロデューサー、サイトプロデューサー(サイプロ)、ビジネスプロデューサー(ビジプロ)、Web

webディレクターになってみてweb業界に飛び込んでみて・・・気がつけば時間はトロけていました。光陰矢の如し、すべてがあっという間です。 今回の記事では、自分がwebディレクターになってみて、「これは勉強しておいたほうが良かったな」と思うことをまとめてみます。（実際にどんな仕事をしたか書こうかとも思ったのですが、あまり具体的な仕事内容を書いてしまうと問題ですので、ほぼ割愛することにしました。） webディレクターになる前に準備・勉強しておいたほうが良いコト まとめ webディレクターは語彙力が命！ 一冊で良いからwebディレクターに関連する書物を読んでおけば良かった webディレクターになってみて、最も大事だと思ったことは「用語を知っておくこと」でした。なぜなら、webディレクターはweb職業の中で、最もコミュニケーション力が必要とされる職業だからです。 webディレクターがコミュニケーシ

こんにちは、ディレクターのあゆみです。 この記事からすんごいほったらかしにしていた「ディレクターだけど（だからこそ、かなあ）インフラ周りも勉強しようね啓蒙活動」ですが、今回はちょっと続きを書きます。 まずは第一回として、DNSってなんぞやという初歩的な部分を。サーバ周り上級者ディレクターは弊社ディレクターJackの記事をどうぞ。ディレクターなら知っておきたいシリーズが普通に難しい、つらい。ということで、わたしは知ってるようで意外と知らない人も多いかも……という祈りを込めて、こつこつやっていこうかなと思います。サーバまわりに興味の湧いてきた方、どうぞ！ DNSって結局なに？ DNSとはDomain Name Systemのこと 早速ですが、DNSとはDomain Name Systemのことです。 じゃあ肝心のDomain Name Systemそのものが、結局なんなんやということだと思うの

こんにちは、ディレクターのあゆみです。 「業界とは……？」とつっこみたくなるのであまり「業界トーク」は好きじゃないのですが、Web業界はやっぱり変化速度が無茶苦茶早いなあと実感しています。技術の進化もめまぐるしいですし、常に新しい情報が行き交っています。「こうやるといい」というセオリーはなかなかなくて、絶えずトライ＆エラーをしているというのが、流れの真っ只中にいてひしひしと感じていることです。 「ここまでいったら一人前」という基準値はあるはずもないんですが、最近、特に感じていることがあります。 テクニカルディレクターという職種の重要性 見出しの通り、「テクニカルディレクターという職種の重要性」を前以上に感じるようになりました（と思いませんか？　少なくともわたしの周りではよく聞くようになりました）。 テクニカルディレクターとは、プロジェクトのシステム要件の定義や提案、技術面でのサポートを行う

こんにちは、メディア事業部のあゆみです。なにはさておき、もうすぐ結婚式です。 個人的な話ですが、最近は仕事でバタバタしている中、結婚式の準備に追われて死にそうな毎日を送っています。 「なんでこっち（嫁）ばっかり色々やらなあかんねん！」と怒ってましたが、人生の先輩方と話すとほとんどが 旦那「嫁にまかせっきりやった」 嫁「旦那は仕事仕事で全然進めてくれなかった」 と返答していました。私調べですが、ほぼほぼ100%に近しい結果です。恐ろしい… そして勝手な仲間意識で気持ち的にすごく楽になりました。 さて、個人的な前置きが長くなってしまいましたが、他社のPRの事例というのは仕事を進めていくうえで大変参考になります。 今までにない表現を探すのはアイデアを提案する際にマストであると思うのですが、クライアントからは往々にして「何かしら似ている事例も一緒に送って欲しい」との要望があることも事実。私も何かを

LiveStyleパッケージをインストールするには、メインメニューから「Preferences（基本設定）→Package Control（パッケージコントロール）」を選択してください。 パッケージコントロールが表示されるので、「Install Package」を選択してください。 入力欄に「LiveStyle」と入力したら、LiveStyleパッケージがインクリメンタル検索されて表示されるのでクリックしてインストールします。 Sublime Text側の設定はこれで完了です。 ChromeにLiveStyle拡張をインストール次に、ChromeブラウザにEmmet LiveStyle拡張をインストールします。 拡張が追加されれば、Chromeでのインストール作業は終了です。 Sublime TextでCSSファイルを開くChromeでEmmet LiveStyleの設定を行う前に、Sub

ブラウザの進化が早い昨今、CSSのベンダープレフィックス(-webkit-や-ms-)が必要なプロパティと不要なプロパティが入り乱れています。必要なベンダープレフィックスのみを付与しようとした場合、途端にコード量が倍増し、メンテナンス性が低下し、バグの温床となります。このベンダープレフィックス地獄を解消するAutoprefixerをGulpやwebpackで使う方法を紹介します。 今なお続くベンダープレフィックス地獄 角丸を表現するborder-radiusプロパティはIE 11を含む全ての主要ブラウザで、ベンダープレフィックス無しで使えます。(Can I use border-radius) 一方で、ボックスレイアウトモジュールの為のflexboxプロパティやテキスト要素を変形するtransformプロパティ等では、Android 4.4以下等一部のブラウザではベンダープレフィックスが必

Search all the icons and match your project with a look and feel that's just right, including the all-new Sharp Solid Icons, now available in Font Awesome 6.

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? CSSは設計手法も大事ですが、どういう単語で名前をつけていくかも大事だと思っています。 個人個人でばらつきが出るところでもありますし、「単語名 英語」で検索をして探した単語を使ったけど若干意味合いが違ったといったこともあると思います。 クラス名を決めるためのリストを見かけることもありますが、英単語の読みは書かれていても意味合いが書かれていることは少ないように思います。 自分の確認用と、チームで製作するさいの基準になるようなものを作りたいと思い、単語とその意味を短くまとめてGitHubにあげています。 CSS クラス名リスト | GitH

こんにちは、hoshiです(^ ^) このブログでは、ライブ、美容系をメインにお役立ち情報を紹介しています。 食べることが好きなので、今後グルメ系記事も展開していこうと思っています♪ このブログに訪れてくださった方の参考になれば幸いです(*^^*)

Nintendo Switch 2: Everything we know about the coming release

Anterior, a company that uses AI to expedite health insurance approval for medical procedures, has raised a $20 million Series A round at a $95 million post-money valuation led by…