コードというかスニペットというか。本題まで長いので、時間がない方は段落4.1まで飛ばしてください。
転職したい気持ちが強いわけではないのだけど、ご縁があればと思って、最近声をかけていただいた会社には足を運ぶようにしています。
スカウトだったり、Wantedlyなどで”話を聞きに行きたい”として応募しているのに、履歴書・経歴書を求められるのは…と思うものの、自分が採用の立場なら、お願いしていた情報だと思うので仕方がない気もしています。
今回は転職を考えているけど、忙しくて履歴書・経歴書を作る時間も惜しいという方向けに、LinkedInを使ったレジュメの作成について書いてみます。
Contents
LinkedIn って?
LinkedInはユーザー数が2億人を超え、米国などでは一般的なビジネスツールとして活用されています。プライベートはFacebook、ビジネスはLinkedInのように使い分けているという話もよく聞きます。
日本の一般的な履歴書・職務経歴書に記載するような内容をすべてLinkedInのプロフィールに書くことができ、LinkedInを使ったヘッドハンティングや求人に対する応募も可能です。
ただこのサービス、日本では全然流行っていません。。転職を考えている人にはとても良いサービスのように思うのですが、日本のような未だに終身雇用が当然のようになっている文化とはマッチしないのだと思います。それでも転職を考える人にとっては、登録しておくだけ無駄にはならないですし、ビジネスプロフィールを一元管理できるサービスと割り切って使うだけでも十分の価値があると思います。
PDFでエクスポートしたい
さて、あなたはLinkedInにビジネスプロフィールを作成しました。もし企業へ面接に行くとき、LinkedInのユーザー名だけでOKです、と言われたら幸せですが、大半の企業はレジュメの提出を要求するでしょう。
幸いにも、LinkedInはこれらの情報をほとんどすべて記載することが可能ですので、LinkedInのプロフィールからPDFを作成してみます。
英語版にはPDF作成の機能がある
LinkedInの設定画面から言語設定を英語にして、自分のプロフィールを表示してみてください。
画面中央の、”View Profile as”の右に下矢印のボタンがあり、クリックすると次のようなメニューが現れ、 “Save to PDF” をクリックすることでPDF化が可能です。
ただし、これは日本語のプロフィールには対応していないようで、私のプロフィールで実行すると次のようなエラーが発生します。
英語版のプロフィールであれば正常にエクスポートできたので、推測ですがマルチバイト文字をうまく処理できないのだと推測しています。(もし、日本語のプロフィールでエクスポートできた方がいらっしゃましたら教えてください。)
ということで、LinkedIn公式手段でPDFを作成するのは諦めました。私はこの機能を期待して日本語のレジュメを入力したのですが・・・。
PDF用に体制を整えるスニペットを書いた
以上が背景でやっと本題に入れます。言語設定を英語に変更した方は日本語に戻してください。
LinkedInからPDFを作成する方法を色々調べてみましたが、ニーズに合致するものはありませんでした。海外のサービスしか見つからず、日本語でもキレイに出力できるか怪しいです。
また、LinkedInのAPIなどからでは取得出来ない情報も多いそうで、結局自分で整形して出力するのが早いと思い、コードを書きました。
自分のプロフィールページを開く
まずはPDF化するレジュメのページを次の手順で開きます。
- ヘッダーナビゲージョンの “プロフィール” リンク >
- 中央の “公開プロフィールを表示する” ボタン >
- ヘッダー下の “閲覧者別に見たあなたのプロフィール” が “あなたのコンタクト” になっていることを確認
LinkedIn側でURLが変更されていなければ、次のURLで直接移動できます。
https://www.linkedin.com/profile/preview?vpa=cxn1
スニペットの実行
同じページを開いたまま、URLバーに、 “javascript:” を手入力してください。この文字列は、セキュリティ上の理由によりペーストすることができません。
1 |
(function(){[].slice.call(document.querySelectorAll(".view-more-bar span")).forEach(function(d){d.click()}),setTimeout(function(){[].slice.call(document.querySelectorAll(".toggle-show-more")).forEach(function(d){d.click()})},1000);var b=document.getElementsByTagName("head")[0],a=document.createElement("style"),c="#activity,#aux,#connections,#endorsements,#following-container,#footer,#freemium-bg,#global-error,#groups-container,#header,#preview-ctx,#profile-skills h5,#text-ad-container,#website-view li+li,.account-icons,.address-book,.background-section .education-associated dd.associated-endorsements p,.background-section .education-associated dt span,.background-section .education-associated dt span.closed,.background-section .education-associated ul li p span,.background-section .patents-associated dt span,.background-section .projects-associated dt span,.background-section h4 a .external-link-indicator,.background-section-drag-proxy .education-associated dd.associated-endorsements p,.background-section-drag-proxy .education-associated dt span,.background-section-drag-proxy .patents-associated dt span,.background-section-drag-proxy .projects-associated dt span,.compact-view .endorse-button,.demographic-info,.edit-tools,.endorse-count,.endorse-skills,.endorsements-nav,.endorsers-container,.more-info .loading,.profile-aux,.profile-card table,.profile-card-extras .profile-actions .show-more-info,.see-more-less,.view-less-bar,.write-endorsement,a.toggle-show-more{display:none!important}#contact-info-section{display:block!important;float:left!important;position:absolute!important;z-index:100!important;margin-top:-96px!important;left:2em!important;background:0!important}profile-card-extras .profile-actions{margin-top:-3.25em!important;left:84px!important;position:relative!important}.profile-card-extras .profile-actions:before{position:absolute!important;content:'LinkedIn'!important;color:#999!important;font-size:12px!important;line-height:2em!important;vertical-align:middle!important;width:60px!important;left:-60px!important}#body,#body .hp-nus-wrapper{width:100%!important;margin:0!important;padding:0!important}#wrapper{width:auto!important;padding:.5em!important}#profile,.profile-card{width:100%!important}.profile-card .profile-overview,.profile-card .profile-picture{display:table-cell!important;width:none!important;float:none!important;vertical-align:middle!important;margin:0!important;padding:2em!important;height:auto!important;line-height:1!important;background:0!important}.profile-card .profile-picture{float:right!important}.profile-card .profile-overview-content{min-height:0!important;height:auto!important;padding-top:0!important;padding-bottom:0!important}.more-info,.profile-activity,.profile-background,.profile-card .profile-picture img,.profile-card-extras .profile-actions,.profile-connections,.profile-endorsements,.profile-following,.profile-groups,.profile-top-card,.profile-your-notes{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.profile-card .title{line-height:1.7!important}.more-info table th,.more-info table tr.twitter-presence th,.more-info table tr.www-presence th,.profile-card-extras .profile-actions .public-profile a,.profile-card-extras .profile-actions .public-profile span{margin:0!important;padding:0!important;background:0!important;font-size:12px!important;line-height:1.7em!important;vertical-align:middle!important;width:60px!important}.profile-card-extras .profile-actions .public-profile a{width:auto!important}.profile-card-extras .profile-actions .public-profile span{float:left!important;color:#999!important}.more-info table,.profile-card-extras .profile-actions{float:left!important;clear:left!important;margin:0!important;padding:0!important}.profile-card-extras .profile-actions{margin:-38px 0 0!important;border:0!important;background:0!important}.profile-card-extras .profile-actions ul,.profile-card-extras .profile-actions ul li{margin:0!important;padding:0!important}.skills-section{display:inline!important}.skills-section .endorse-item{display:-moz-inline-stack!important;display:inline-block!important;vertical-align:middle!important;zoom:1!important;margin:0 5px 5px 0!important}.background-section .education-associated,.background-section .patents-associated,.background-section .projects-associated,.background-section-drag-proxy .education-associated,.background-section-drag-proxy .patents-associated,.background-section-drag-proxy .projects-associated{margin-left:0!important}.compact-view{margin-top:0!important}.compact-view .endorse-item.extra-skill{display:inline-block!important}#background-additional-info,#background-certifications,#background-courses,#background-education,#background-experience,#background-honors,#background-languages,#background-organizations,#background-patents,#background-projects,#background-publications,#background-skills,#background-summary,#background-test-scores,#background-volunteering{margin-top:15px!important}.background-section .education-associated dt:after{display:-moz-inline-stack!important;display:inline-block!important;vertical-align:middle!important;zoom:1!important;height:9px!important;width:5px!important;margin-left:2px!important;margin-right:0!important;background:url(//www.linkedin.com/scds/common/u/images/apps/profile/sprite/sprite_profile_edit_tools_v12.png) 0 -850px no-repeat!important;content:''!important}#languages-view li,#languages-view ol{width:100%!important;float:none!important}#languages-view ol{display:table!important}#languages-view li{min-height:0!important;display:table-row!important}#languages-view h4,#languages-view span{display:table-cell!important;min-width:8em!important;padding:.25em!important}.endorsement-info{float:none!important;width:auto!important;padding-left:100px!important;padding-bottom:0!important}.media-cell{// width:20%!important}a,a *{color:#333!important}@media print{h2,h3,p{orphans:3!important;widows:3}h2,h3{page-break-after:avoid!important}.background-section hgroup{page-break-inside:avoid!important}}";a.type="text/css";a.styleSheet?a.styleSheet.cssText=c:a.appendChild(document.createTextNode(c));b.appendChild(a)})(); |
“javascript:” に続き、上のコードをコピー&ペーストし、Enterキーで実行してください。
PDFで保存!
うまくいけば、PDFに最適化されたページのレイアウトに組み変わります。
最後にMacであれば “Command + P” を、 Windowsであれば “Ctrl + P” を押して、印刷ダイアログでPDFとして保存するだけになります。
カスタマイズ
スニペットのミニファイ前のコードはgistで公開しています。
https://gist.github.com/syamn/e284f1cdd4736bedd7baa3f2139a3134
ミニファイ前のコードはデベロッパーコンソールからを直接実行できます。(ただし、ES6で導入されたテンプレートストリングの文法を利用しているため、レガシーブラウザでは動作しません。最新のChromeまたはFireFoxで実行してください。)
元のコードにはCSSのコードが含まれていますので、適宜必要に応じてデザインを変更したり、不必要な項目は非表示にすることで好きなようにカスタマイズできます。
このアプローチを試すのは今までで初めてで、うまくいくか微妙なところでしたが、結果としてベストソリューションだったのではないかと思っています。
公式でPDFエクスポート機能を多言語対応してくれると助かるんですけどねー。頼らなくてもこういう方法もあるよ、ということで。LinkedIn限らず、どんなサービスにも適用できる汎用的なテクニックだと思います。
所感
今年の桜もそろそろ終わりで、ちょっぴり悲しいです。
毎年のこの時期だけは、桜がずっと見られるところでノマドワークがしたい!